网页设计css代码大全 第1篇
解决方案：
布局练习：
代码：
视频标签：
音频标签：
3、新增全局属性
缩放：
旋转：
2D旋转
扭曲:
多重变换
过渡的高级使用：
复合属性：
动画的复合属性
过渡和动画的区别：
过渡需要触发条件，动画不需要。 动画可以指定关键帧。
多列布局案例：
网页设计css代码大全 第2篇
主轴换行方式
主轴的项目对齐方式
默认主轴水平从左到右
侧轴
网页设计css代码大全 第3篇
提示:要设置两列可以设置 width 为 50%。创建 4 列可以设置为 25%。
提示:如果你想了解更多 @media 的规则可以查看 CSS3 多媒体查询。
提示: 现在更高级的方式是使用 CSS Flexbox 来创建列的布局，但 Internet Explorer 10 及更早的版本不支持该方式， IE6-10 可以使用浮动方式。CSS Flexbox 的更多内容可以查看 CSS3 弹性盒子(Flex Box)。
不相等的列一般是在中间部分设置内容区域，这块也是最大最主要的，左右两次侧可以作为一些导航等相关内容，这三列加起来的宽度是 100％。