1.避免margin或padding重叠：添加border
2.水平边距不会和浮动元素的边距重叠，绝对定位和相对定位的边距也不会重叠
3.padding必须是正值
4.行内元素padding-top/padding-bottom/margin-top/margin-bottom失效（img除外）
5.把行内元素变成块级元素时，为了IE7也能正常显示，vertical-align：middle
6.border设置为dashed或者dotted等时，dashed和dotted间的空白区域也会显示背景色
7.使用border-radius时，一定要有border或者背景色，否则不会有效果
8.border-radius：20px/40px，水平20px，竖直40px的椭圆角
9.box-show和text-show相比，可以在边框内显示
10.box-shadow可以创建多个阴影，用逗号隔开
11.box-shadow的spread设置在模糊半径和颜色值之间，模糊半径在spread（阴影尺寸）值之外
12.包含图片的div可以设置高度，但是包含文本的最好不要设置，因为文本内容增多或者放大后，会超出盒子下边缘。（横幅/导航栏可以）
13.若B浮动，且A有背景或边框，且B的位置在A中，则A中的部分背景和边框会在和B重叠的地方隐藏，不重叠的地方再次会出现，而不是延伸到B的地方就停止。此时给A设置overflow:hidden即可
14.如果在html中设置了background-color，那么body中的背景色只会包含内容
15.要平铺图片时，定义background-position只能控制第一张图片的起点
16.背景图的定位用百分比时，先按照图片的百分比找出图片的定位点，然后找出网页中根据百分比的定位点，然后让两个定位点重合
17.background-origin定义背景图开始的位置（但是也会填充左边和上面），background-clip限制背景图显示的范围，均有border-box,padding-box,hecontent-box
18.backgrond-size：值或关键字，contain（适应宽或高），cover（适应宽和高），100px auto（会保持比例）
19.background-image：url（） no-repeat，url（） no-repeat，url（） no-repeat；
20.伪类中使用content追加时，不仅可以追加文本，还可以追加图片
21.linear-gradient（）中，45deg等于left bottom，在颜色值后面添加%，表示到该元素宽度的%时，该颜色停止。如果要使有一块区域是纯色，需要使用两个颜色值相同的颜色站
22.background: repeating-linear-gradient(45deg,red 20px,blue 30px,red 60px);//定义重复线性渐变，background: repeating-linear-gradient(45deg,red 0,red 10px,blue 10px,blue 20px);//定义重复条纹。radial-gradient径向渐变
23.出于安全考虑，a:visited不可以设置color/backgrond-color/border-color等样式，（除非已经对连接的正常状态定义了这些属性），无法对visited设置太多样式
24.对:hover设置背景图时，只有当鼠标移过去才开始下载背景图
25.水平导航栏可以使用inline-block，并可以在li中用text-align：center让每一项居中。但是会有空格问题，float方法得在a中设置text-align
26.div A中包含浮动元素，A的高度会为0，这个时候在A中设置overflow：hidden，可以强制A放大，即清除浮动
原文：http://www.cnblogs.com/chenft/p/5026698.html