css知识点

1.选择器优先级：

 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权   值为0100。 第三等：代表类，伪类和属性选择器，如.content，权值为0010。 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。 通配符、子选择器、相邻选择器等的。

2.CSS Sprites

  优点：

 （1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites   最大的优点，也是其被广泛传播和应用的主要原因；

 （2）CSS Sprites能减少图片的字节；

 （3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。

 （4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。

缺点：

  （1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。

 （2）图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。

 （3）图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。

 （4）可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css。在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节。

3.span:nth-child(0) 是错误的最小值是1，必须从1开始。

4.关于link与@import的区别：

 （1）link是XML标签，除了加载css以外，还可以定义RSS等其他事务；@import属于CSS范畴， 只能加载CSS

 （2）link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载

 （3）link是XML标签，无兼容问题；@import是CSS2.1提出的，低版本的浏览器不支持

 （4）link支持使用JavaScript控制DOM去改变样式；而@import不支持

5. div 元素的哪些 CSS 属性的默认值为 0？

   padding-top/margin-top默认值为0

   border-top-width：默认值medium，定义中等的上边框

   outline-width：默认值medium，规定中等的轮廓

6.浮动元素重叠

 1、行内元素与浮动元素发生重叠，边框、背景、内容都会显示在浮动元素之上

 2、块级元素与浮动元素发生重叠，边框、背景会显示在浮动元素之下，内容会显示在浮动元素之  上

7.预编译 CSS 工具

 less sass stylus

8.哪些技术可用于优化 CSS 图片加载 ?

 CSSSprite  SVGSprite  Iconfont  Base64

9.什么元素可以被视为图像、嵌套的浏览上下文或插件要处理的资源。它包括各种属性，如存档、边框、分类、代码库、代码类型等

 <object> 

10.关于 SVG 和 CANVAS

   CANVAS产生的DOM数量比SVG要少

   SVG可以使用CSS设置动画样式

11.选择器

  :nth-child(n),n从1开始计数

  :nth-child(odd)和:nth-child(even),从1开始计数

  :nth-child(an+b),n从0开始计数