1、不要在属性值与单位之间留有空格（如：“margin-left: 20 px” ），正确的写法是 “margin-left: 20px” 。
2、CSS 背景
- background-repeat:repeat-x; 图像只在水平方向平铺 (repeat-x)，你不想让图像平铺，你可以使用 background-repeat 属性:background-repeat:no-repeat。
- 利用 background-position 属性改变图像在背景中的位置:background-position:right top;
- background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。background-attachment:fixed;
3、CSS 文本格式
- text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）
- 从设计的角度看 text-decoration属性主要是用来删除链接的下划线：a {text-decoration:none;}
- 文本转换属性是用来指定在一个文本中的大写和小写字母。text-transform:uppercase;text-transform:lowercase;text-transform:capitalize;
- 文本缩进属性是用来指定文本的第一行的缩进。text-indent:50px;
- 汉字的间隔调节也是用 letter-spacing 来实现的。
4、CSS 列表
- list-style-type属性指定列表项标记的类型是：circle|square；upper-roman|lower-alpha
5、CSS 表格
- border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开： border-collapse:collapse;
6、选择器
- .marked p{ }: 为所有 class=“marked” 元素内的 p 元素指定一个样式。
- p.marked{ }: 为所有 class=“marked” 的 p 元素指定一个样式。
7、CSS Position(定位)
- static 定位：TML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
- fixed 定位： 元素的位置相对于浏览器窗口是固定位置。
- relative 定位： 相对定位元素的定位是相对其正常位置。
- absolute 定位： 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于；absolute 定位使元素的位置与文档流无关，因此不占据空间。
- z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面），一个元素可以有正数或负数的堆叠顺序
8、:overflow 属性只工作于指定高度的块元素上。 overflow: visible;
9、元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。 clear:both;
10、要让图片居中对齐, 可以使用 margin: auto; 并将它放到 块 元素中
img {
display: block;
margin: auto;
width: 40%;
}
11、在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。a:active 必须被置于 a:hover 之后，才是有效的。
