菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: css-张佳栋-2023-02-08 [打印本页]

作者: Baboo 时间: 2023-2-8 23:36
标题: css-张佳栋-2023-02-08
一.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、如果有出现了复合选择器，那么权重是多个选择器权重相加

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)