背景属性可以设置背景颜色,背景图片,背景平铺,背景图片位置,背景图像固定等
- background-color(背景颜色)
- background-imags(背景图片)
- background-repeat(图片平铺)
background-position(背景图片位置)
参数值是方位名词
1):lenght(百分数)
2)top(上),center(中),bottom(下),left(左),center(中),right(右)参数值是精确单位
- 如果参数值是精确坐标(px),那么第一个肯定是X坐标,第二个一定是y坐标
如果只指定一个数值,那该数值一定是X坐标,另一个默认垂直居中
参数是混合单位
如果指定的两个值是精确单位和方位名词混合使用,则第一个值是X坐标,第二个是y坐标
背景图像固定
background-attachment
属性值
fixed(背景固定)
scroll: (背景滚动)
local:( 背景图像相对于元素内容固定)
背景复合写法
语法
背景颜色,背景图片地址,背景平铺,背景滚动,背景位置
background:blck url(/bj.jpg) no-repeat fixed center top;
背景颜色半透明
background:rgba(0,0,0,0.1)
最后一个参数是alpha透明度,取值范围在0-1之间
css的权重优先级排序
- 通配符权重:0
- 标签选择器:1
- 伪类选择器:10
- id选择器:100
- 行内样式:1000
- !important:最大
—— 评论区 ——