第 29 章 CSS3 弹性伸缩布局[中] 第 29 章 CSS3 弹性伸缩布局[中] 学习要点： 1.混合过度版 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．混合过渡版 混合版本的 Flexbox 模型是 2011 年提出的工作草案，主要是针对 IE10...

第 28 章 CSS3 多列布局 第 28 章 CSS3 多列布局 学习要点： 1.早期多列问题 2.属性及版本 3.属性解释 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的多列布局，通过多列布局我们方便的创建流体的多列布局。 一．早期多列问题 我们有时想布局成报纸、杂志那样的多列方式（至少两列，一般三列以上），但早...

第 24 章 CSS3 变形效果[下] 第 24 章 CSS3 变形效果[下] 学习要点： 1.3D 变形简介 2.transform-style 3.perspective 4.3D 变形属性 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 的变形效果，主要接着上节课的 2D 平面变形转换到 3D 立体变形。 一．** 3...

第 29 章 CSS3 弹性伸缩布局[上] 第 29 章 CSS3 弹性伸缩布局[上] 学习要点： 1.布局简介 2.旧版本 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．布局简介 CSS3 提供一种崭新的布局方式：Flexbox 布局，即弹性伸缩布局模型...

第 29 章 CSS3 弹性伸缩布局[下] 第 29 章 CSS3 弹性伸缩布局[下] 学习要点： 1.新版本 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．新版本 新版本的 Flexbox 模型是 2012 年 9 月提出的工作草案，这个草案是由 W3C ...

第 23 章 CSS3 边框图片效果 第 23 章 CSS3 边框图片效果 学习要点： 1.属性初探 2.属性解释 3.简写和版本 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 中边框图片背景的效果，通过这个新属性让边框更加的丰富多彩。 一．属性解释 CSS3 提供了一个新的属性集合，用这几个属性可以嵌入图片形式的边框。这...

动画 CSS3 @keyframes 规则 CSS3 动画 CSS3动画是什么？ 常用属性 源码 动画 CSS3，我们可以创建动画，它可以取代许多网页动画图像，Flash 动画，和 Javascripts。 CSS3 @keyframes 规则 要创建CSS3动画，你将不得不了解@keyframes 规则。 @keyframes...

useTransition 类型：Boolean 默认值：true（不建议修改） 作用：是否使用 CSS3 transition 动画。如果设置为 false，则使用 requestAnimationFrame 做动画。 备注：只有支持 CSS3 的浏览器开启才有效果。

useTransform 类型：Boolean 默认值：true（不建议修改） 作用：是否使用 CSS3 transform 做位移。如果设置为 false, 则设置元素的 top/left (这种情况需要 scroller 是绝对定位的)。 备注：只有支持 CSS3 的浏览器开启才有效果。

边框 border-radius （圆角边框） box-shadow （边框阴影） border-image （边框图片） 源码 边框 CSS3 Border（边框）主要有以下属性： border-radius box-shadow border-image 注意： Internet Explorer 9+ 支持 border-radi...