html5跨平台实战-第一周-水平测验-新闻列表页面
这是一个DIV+CSS布局页面的一个实例，主要介绍POSITION定位、导航UL LI的制作、利用浮动原理对页面分栏、分列的页面布局。
新闻页面的效果图
新闻页面的HTML结构 点击这里获取
新闻页面各个部分的CSS样式 点击这里获取
(4)
(0)
1481
1
- 相关文章
ARCore基本概念和工作原理简介
谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎，要了解WebAROnARCore，需要先了解ARCore的工作原理。基本上ARCore做了两件事，首先跟踪手机...
WebAssembly工作原理和JavaScript语言性能对比分析
本文简单说明WebAssembly（简称wasm）工作原理和高性能的原由（和JavaScript相比）。不过需要提醒的是Wasm并非设计来完全替代JS，而是对JS的一个强大补充，JS中...
CSS3属性选择器特性使用详解
CSS3除了引入动画、滤镜（用于特效）以及新的布局技术外，在选择器（selector）方面也有增强。属性选择器根据元素的属性（attributes）来匹配。这可以是一个单独...
CSS3原生变量（Native Variables）新特性简介
对Web开发者来说，一个盼望已久的特性是CSS终于支持原生变量了！
变量是程序语言中用来解决代码重复和进行表达式计算的关键概念（想想数学方程式中的x）。...深入理解Three.js（WebGL）贴图（纹理映射）和UV映射
本文将详细描述如何使用Three.js给3D对象添加贴图（Texture Map，也译作纹理映射，“贴图”的翻译要更直观，而“纹理映射”更准确。）。为了能够查看在线演示效...
Three.js入门教程6 - 创建全景图和纹理
全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。要做一个全景图，你需要一个软件用来做一张全景图片。我使用了iPhone上的Microsoft Photosyn...
Three.js入门教程2 - 着色器（下）
这是WebGL着色器教程的后半部分，如果你没看过前一篇，阅读这一篇教程可能会使你感到困惑，建议你翻阅前面的教程。
S3TC（S3 Texture Compression）纹理压缩格式详解
使用S3TC格式存储的压缩纹理是以4X4的纹理单元块(texel blocks)为基本单位存储的，每纹理单元块(texel blocks)有64bit或者128bit的纹理单元数据(texel data)。这...
浏览器控制台报JS脚本执行错误：Module is not defined
现在JS分成了两个分支，一部分在服务器端发展如NodeJS，一部分是传统的浏览器运行环境。
有些插件在编写JS代码时，是针对Node编写的，所以直接在浏览器中使...使用Canvas绘制完美的不完美圆形
真实世界是不完美的，当我们需要模拟真实世界时，经常需要引入不完美/不规则的形状。比如陨石、雨滴、行星、树叶、绵延的海岸线、云朵等。本文介绍如何基于Canva...
使用top/left/margin和CSS3 translate两种方法实现标题居中的性能差异详解
要实现标题全屏居中（同时在垂直和水平方向居中），有若干种方法，包括使用弹性布局、表格单元、绝对定位、自动外边距和CSS3平移变换等。你可能已经使用了这些方...
使用requestAnimationFrame和Canvas给按钮添加绕边动画
要给按钮添加酷炫的绕边动画，可以使用Canvas来实现。基本的思路是创建一个和按钮大小相同的Canvas元素，内置在按钮元素中。然后在Canvas上实现边线环绕的动画。...
如何使用CSS3实现书页（书本）卷角效果
我们有时候想在页面显示一个公告或用户提示信息。一个常用设计是使用书签形状。我们可以给书签添加卷角效果，以使其更为逼真。所谓的“卷角”实际上可以用小角度...
如何使用纯CSS3实现一个3D泡沫
要实现一个逼真的泡沫，涉及到比较复杂的光学/物理学知识。我们这里先简化下问题，实现一个相对简单而足够实用的泡沫元素。我们可以把基础的泡沫元素应用在很多场景中，比如水景、泡咖啡、啤酒甚至火焰特效中。泡沫首先是一个圆形元素.bubble
更多...
