摘要： 一．早期多列问题HTML5 中 CSS3 提供的多列布局，通过多列布局我们方便的创建流体的多列布局。我们有时想布局成报纸、杂志那样的多列方式（至少两列，一般三列以上），但早期CSS 提供的布局方式都有着极大的限制。如果是固体布局，那么使用浮动或定位布局都可以完成。但对于流体的多列，比... 阅读全文

摘要： 一．布局模型HTML5 中 CSS 早期所使用的传统布局，很多情况下，这些布局方式还是非常有用的。在早期没有平板和智能手机等移动设备大行其道的时期，Web 页面的设计主要是面向PC 端电脑分辨率展开的。这种分辨率比例比较单一，基本上只要满足最低分辨率设计即可。一般来说有 4:3、16... 阅读全文

摘要： 一．动画简介HTML5 中 CSS3 的动画效果，可以通过类似 Flash 那样的关键帧模式控制运行。CSS3 提供了类似 Flash 关键帧控制的动画效果，通过 animation属性实现。那么之前的 transition属性只能通过指定属性的初始状态和结束状态来实现动画效果，有一... 阅读全文

摘要： 一．过渡简介HTML5 中 CSS3 的过渡效果，通过这个功能可以不借助JavaScript 来实现简单的用户交互功能。 过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能，比如：:hover、:focus、:active、:checked 等。CSS3 提供了 transi... 阅读全文

摘要： 一．3D 变形简介HTML5 中 CSS3 的变形效果，主要接着上节课的 2D 平面变形转换到 3D立体变形。之前的元素的平移、旋转、缩放和倾斜等功能。这些效果只是单纯在二维平面图上的，我们称之为 2D。那么其实 CSS3也提供了三维立体的一些功能效果，并且目前较新的主流浏览器都比... 阅读全文

摘要： 一．transformHTML5 中 CSS3 的变形效果，通过变形效果，可以平移、缩放和旋转元素的功能。 CSS3 提供了元素变形效果，也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个：transform和 transform-origin。 属性 说明 tra... 阅读全文

摘要： 一．属性解释HTML5 中 CSS3 中边框图片背景的效果，通过这个新属性让边框更加的丰富多彩。CSS3 提供了一个新的属性集合，用这几个属性可以嵌入图片形式的边框。这样，边框就可以自定义了。 1.border-image-source //引入背景图片地址 2.border-... 阅读全文

摘要： 一．线性渐变HTML5 中 CSS3 背景渐变功能，主要有两种渐变方式：线性渐变和径向（放射性）渐变。 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先，我们先看一下它的样式表，如下： 属性值 linear... 阅读全文

摘要： 一．文本阴影HTML5 中 CSS3 中文本效果，其中也包含一些之前讲过的 CSS3 文本属性。CSS3 提供了 text-shadow文本阴影效果，这个属性在之前用过，只是没有涉及浏览器支持情况。 属性 Opera Firefox Chrome IE Safari t... 阅读全文

摘要： 一．CSS3 前缀HTML5 中 CSS 在发展中实行标准化的一些问题，重点探讨 CSS3 中新属性前缀问题和新的单位 rem。在 CSS3 的很多新属性推出时，这些属性还处在不太稳定的阶段，随时可能被剔除。而此时的浏览器厂商为了实现这些属性，采用前缀方法。各大厂商前缀列表如下： ... 阅读全文