自学DIV+CSS总结

1、CSS有四种控制方式：行内样式、内嵌式、链接式、导入式（优先级从高到低）

2、CSS选择器有：标记选择器（p、ul、a、li、img、span、input、select、等）、类别选择器（class的值）、ID选择器（id的值）；区别在于标记选择器使用所有，类别选择器适用不同类中相同的样式，ID选择器适用唯一不变样式（比如：div class=“one two”就是既使用.one的定义也使用.two的定义）

3、选择器声明 选择器集体声明用逗号隔开（例如：h1,h2,p,#one{}）；全局声明用*；选择器嵌套用空格隔开（例如：p b{}意思是p下的b样式，.mycss li{}意思是class值是mycss下的li，#idcss li{}意思是id的值是idcss里面的li）注意：p.mycss和p mycss的区别，一个是p中class值为mycss，最后的是p包含的元素中class的值为mycss

4、CSS继承 CSS一直贯穿整个CSS设计的始终，每个标记都遵守继承

5、段落水平对齐使用text-align(有左对齐，右对齐，两端对齐，居中对齐),垂直对齐使用vertical-align（注意不能对块级元素起作用）；行间距使用line-height，letter-spacing是字间距，图片对齐使用其父元素的对齐方式

6、边框重叠使用border-collapse:collapse；去掉a标签链接的文字下划线使用text-decoration:none；a:link是正常状态a的样式，a:visited是访问过，a:hover是鼠标经过，a:active是单击时（平时不用这个状态）  注释：如果设置了a标签中有display：block那么这样鼠标进入该块的任何区域都可以点击连接

7、项目列表使用ol或者ul，其中list-style-type（可以取值disc实心圆、circle空心圆、square正方形、decimal数字、upper-alpha大写字母、lower-alpha小写字母、upper-roman罗马数字、lower-roman小写罗马数字、none不显示任何符号），可使用list-style-image来设置图片符号（浏览器兼容性有问题，建议使用list-style-type设置为none然后增加li的背景图设置padding-left的值来调整图片和文字的间隔），如果需要li水平显示需要li设置float：left即可。

8、定位 div和span的区别在于div是块级标记可以包含span但是span不可以包含div，span是行内元素 float定位：可以向左靠紧float：left、float：right向右靠紧、float：none默认不浮动，注意子块设置成左浮动那么距离左边的距离就是父块的padding-left+自己的margin-left position定位：如果需要设置absolute需要设定一个参照物就是把那个块的div设置成relative z-index：空间定位，z-index值大的在小的上面

9、CSS控制盒子模型 所有的div都可以看成盒子，其中内容（content）、边框（border）、间隙(padding，内容与边框的距离)、间隔（margin块和块的距离）

注意：设置的width和height的大小都指的是width+padding的值，IE不支持border-style，而且设置背景ie影响的是内容和间隙，而有的还带上了边框。注意margin如果设置行内元素就是相加，如果块级元素就是最大值，还有就是子块的margin将以父块的内容做参考就是实际大小就成了父块的padding加上子块的margin。

10、设计和编辑div+CSS心得 根据设计的ps图，先把页面划分成几个板块（越少越好），然后几个板块的关系以及margin和padding和边框都设计好（做到心中有图，胸有成竹），继续写成对的div进行命名和声明和注释（解决div不成对和注释少的问题），确定每个块的名字和样式（精确到大小和颜色），最后写代码调试（每个浏览器的方法不一样编写的css可能有不同的样式，需要进行深入研究）

11、补充 最近遇到兼容性问题最多了，我觉得要有耐心和毅力还有就是自信，一定要解决好~

<metahttp-equivmetahttp-equiv=”x-ua-compatible”content=”IE=8″/> 这个是很有用的代码~~

以上是我自学CSS+DIV的经验和总结，仅供初学者参考