1. width 值可以用百分比来表示，而且更加灵活。
2. 解决屏幕宽度比网页宽度小出现水平滚动条的问题
将 width 改成 max-width.
3. box-sizing 属性
当该属性设置成 box-sizing:border-box 时，此元素的内边距和边界不会增加它的宽度。
也可以将* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}这段代码放在 css 里，使页面上所有元素都表现该属性。
4. position相关知识
5. position 属性值 fixed 与 absolute 的区别
fixed 相对视窗定位，这意味着即使页面滚动，它还是会停留在相同的位置。
position 相对最近的 `positioned` 元素定位，如果没有 `positioned` 元素，则会相对于 `body` 定位，并且会随着页面的滚动而滚动。
6. float 实现文字环绕图片
img {
float: right;
margin: 0 0 2em 2em;
}
7. 解决浮动元素比其父元素还高的问题
overflow:auto;
8. inline-block
使用 inline-block 属性实现浮动，该元素之下的元素无需使用 clear 属性。
9. border 属性： dotted 与 solid
dotted: 虚线
solid: 实线
