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. 伪类选择器
网友评论