1、可以引入外部的样式：<link  rel=”stylesheet”  type=”text/css”  href=http://www.mamicode.com/”外部的CSS文件路径” />

比如：通用的的定义全局的类名：floatL、floatR、clear、a:link,a:visited{color:#444;text-decoration:none}、a:hover{color:#f00;text-decoration:underline}、

li{list-style:none}、.over{overflow:hidden}等。

2、先布局，总的一个盒子div，再分为若干个div，用浮动把两个div排在同一行。

3、首先清零，即清除所有HTML标记的内外边距；其次，可以设置body的color、font-size:12px、background:url repeat-x #F1F1F1等。

3、对于每一个div，写明注释。1为大盒子div，1.1为其分割的div，再分则为1.1.1，依次类推。

4、浮动以后要关闭开关，即清除浮动。清除浮动：设置高度；<div class="clear"></div>；overfloat:hidden主要用于无序列表。

5、注意继承性和优先级：{属性：属性值   !important；}，但它无法提升继承过来的属性的权重！IE6不支持！

6、理解盒子模型：盒子之间为外边距margin，内填充padding，盒子边框border，width和height表示内容的宽高。实际操作中可以把边框先设置出来，方便辨识。能用父元素的padding，尽量少用子元素的margin。margin会把内容撑开，宽度高度增大。文字右移可以用文本text的缩进，text-indent：20px。

7、盒子居中，设置宽度，margin:10px auto。

8、display:block   行转为块     |    display:block       块转为行。

DIV+CSS