一.CSS背景
1.背景颜色:background-color
2.背景图片:background-image:url()
3.背景平铺:background-repeat:repeat 默认值,横向纵向都平铺;no-repeat 背景不平铺;repeat-x 背景横向平铺;repeat-y 背景纵向平铺
4.背景定位:background-position:top、bottom、left、right、center
5.背景图片滚动:background-attachment:scroll 随着屏幕滚动 默认值;fixed 不跟随屏幕滚动
6.背景的复合写法:background :属性值为 背景颜色 背景图片 背景平铺 背景图片滚动 背景图片的位置 推荐的写法顺序,但是不需要严格按照该顺序来书写。
7.背景颜色的半透明:background:rgba(0,0,0,0.3);
8.背景缩放: background-size:精确单位;百分比单位;cover;contain
二.CSS层叠性
1.层叠性:样式冲突,遵循就近原则,哪个样式距离结构更近,就执行哪个样式;样式不冲突,不会出现层叠问题
2.继承性:子元素会继承父元素的某些样式,比如文本或者字体相关样式等;子元素能继承的父元素的样式:text-、font-、line-等属性 以及 color属性。
3.优先级:1、权重是由4组数字来组成的,不会有进位的情况出现,意思就是类选择器永远比元素选择器的权重高;2、继承的权重是0 ,不管父元素的权重多高,对于子元素来说权重都是0;3、如果有出现了复合选择器,那么权重是多个选择器权重相加
|