CSS笔记

1.CSS背景设置

background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。

注意：scroll：默认值。背景图像会随着页面其余部分的滚动而移动。否固定或者随着页面的其余部             分滚动。

fixed：固定显示，相对于body固定。一般只用于body的背景设置。

background-attachment: fixed;

background-color设置元素的背景颜色。

background-image设置元素的背景图像。

background-image: url(bgimage.gif);

注意：url指向一个相对路径，url后面紧跟的是一对括号，括号内的是路径，路径可以用引号，也                  可以省略，建议省略。

背景图片会盖住背景颜色。也就是说：背景图片的优先级要高于背景色

background-position设置背景图像的开始位置。

background-repeat设置是否及如何重复背景图像，background-repeat属性定义了图像的平铺模式。

background合写：在一个声明中设置所有的背景属性。

background合写的顺序： 背景颜色、背景图地址、平铺设置、背景图滚动、背景图位置。

2.CSS精灵图

CSS精灵图可以把多张小图合并到一张大图上，然后使用背景定位技术实现让盒子背景显示大背景图的一小部分，这就是精灵图的原理。

�3. 消除inline-block的空隙

行内块之间会有缝隙，去掉的方法：

1) 去除空格，把代码放在一行上。

2) 使用margin负值。

3) 给父级添加font-size:0；

4) 使用letter-spacing或者word-spacing

5) 使用float的方式

4.CSS圆角：border-radious

5.关于表格边框合并｛border-collaspe:collaspe;｝

6.css选择器解析：从最右面选择器进行筛选，然后依次进行过滤；

   eg：#aside div.tit{color:red;}

选择解析：.tit进行过滤，然后过滤div, 然后最后过滤#aside；

注意：选择器层级嵌套越少越好，最多不超过三层；

选择器排序：

常用：a. id    b. 类  c. 标签  d. 相邻 

少用：a.子选择器  b.后代选择器  c. 通配符选择器 d.属性选择器  e. 伪类选择器