盒子模型
四个部分组成
- 自身元素的内容
- 内边距（padding）
- 边框线（border）
- 外边距（margin）
主要是两个属性
- content-box
- border-box（基本上所有的框架都用这个来布局）
区别
- contnt-box实际的宽高并不是在样式里设置的大小，还会包括其他的三个部分的大小，会被撑开
- border-box，设置的大小是整个的大小，不仅仅是内部自身元素的大小，忽略掉边框线和内边距的宽度
border-box更好控制？？
现在的用法1*box-sizing:border-box；再加点兼容的代码
before和after，占位符的作用，伪类
此处要放通配符定义的代码
除了ie6和7，其他的基本上都是兼容的，所以可以放心使用