CSS 注意点（容易忽略的地方）

一、列表样式

1、list-style-type属性是针对ol或者ul元素的，而不是li元素。
2、对于将列表项符号替换成一张图片的操作，在真正的开发项目中，一般情况下都不会使用list-style-image属性来实现，而是使用更为高级的iconfont图标技术来实现。

二、表格样式

1、若要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果一样。一般情况下，在table元素中定义就可以了。
2、在CSS中，border-collapse属性也是在table元素中定义的。
3、在CSS中，border-spacing属性也是在table元素中定义的。

注意：若相关属性只是在表格元素中定义，表明这些属性只限用于表格，不能用于其他元素。

三、图片样式

1、在实际开发中，需要多大的图片，就用ps制作多大的图片。不建议使用一张大图片，然后再借助width和height来改变该图片的大小。因为一张大图片体积更大，会使页面加载速度变慢。
2、对于边框的样式，在实际开发中都是使用简写形式。
3、text-align属性一般只用于两个地方：文本水平对齐和图片水平对齐。
4、图片是在父元素中进行水平对齐，因此我们需要在图片的父元素中定义。
5、vertical-align属性定义周围行内元素或文本相对于该元素的垂直方式，并不能实现图片在div元素中的垂直居中。

四、背景样式

1、color属性用于定义“文本颜色”，而background-color属性用于定义“背景颜色”。
2、背景图片和图片是不一样的，背景图片是使用CSS来实现，而图片是使用HTML来实现。
3、在实际开发过程中，在用background-image引入图片路径时建议采用不加引号的方式，因为这种方式更加简洁。
4、对于实现背景图片的重复，即实现相关的平铺。元素的宽度必须大于背景图片的宽度和高度。

五、超链接伪类

1、定义4个伪类时，必须按照“link、visited、hover、active”的顺序进行，不然浏览器可能无法正常显示这四个样式。
2、并不是每一个超链接都必须定义4种状态，在实际开发中，我们只会用到两种状态：未访问状态和鼠标经过状态。
3、对于未访问状态，可以直接针对a元素进行定义，不用使用“a:link"。
4、”:hover“伪类可以定义任何一个元素在鼠标经过时的样式。