css常见问题

1.css选择器分类
（1）元素选择器：标签名{ }，如div{ }
（2）ID选择器
（3）类选择器
（4）分组选择器（并集选择器）：选择器1，选择器2，选择器N{ }，如#box,.box{ }
（5）交集选择器：如p.box1{ }   // 为class值为box1的p元素设置样式
（6）后代选择器：如p .box{ }  
（7）子元素选择器：如p>.box{ }
（8）伪类选择器:
:link    未访问过的超链接
:visited  已访问过的超链接
:hover   鼠标移入
:active   正在点击
（9）全局选择器：如*{ }
（10）相邻兄弟选择器器：如：h1+p，带加号+

2.css优先级
Important! > 行内样式 > ID选择器 > 类选择器 > 标签选择器

3.css引入的方式有哪些? link和@import的区别是?
（1）内联、内嵌、外链、导入
（2）区别 ：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。
（3）@import引入方式：

<style type="text/css" media="screen">  
    @import url("CSS文件");  
</style> 

4.描述 reset.css的作用和用途。
       Reset重置浏览器标签的样式表定义在HTML标签在浏览器里有默认的样式。例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。

5.解释css sprites，如何使用。  
Css精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量。

6.清除浮动的几种方式，各自的优缺点
（1）使用空标签清除浮动 clear:both（增加无意义的标签）
（2）使用overflow:hidden
（3）使用伪元素before、after