目录

1. div+css 页面布局

• div+css 布局介绍
• 浮动属性
• 父子 css 写法
• 头部布局及 font 字体图标的使用
• 定位属性
• display 属性
• 总结
• 标准盒模型与怪异盒模型
• 学习猿地官网首页布局

2. css3 动画

• 浏览器私有前缀
• 圆角边框
• shadow 阴影属性
• gradient 渐变属性
• transform 转换属性
• transition 过渡属性
• animation 动画属性
• css 中的 scale

3. 高级布局

• 伸缩盒模型 flex
• bootstrap 栅格系统
• 弹性布局中 flex-grow 的两种常见应用

经验与 bug

• 表单事件：oninput、onkeyup、oninvalid
• 常用策略
• 弹性盒模型（详解）
• 放大留白问题
• 前端项目经验
• 网页制作注意事项
• 伪类和伪元素
• css 常用的阴影效果总结

CSS3 新特性

• 常用的 css 命名规则
• CSS 模块化解决命名冲突——css module