Css3基础
1.选择器
属性选择器 标签名称[属性]
标签名称[属性=”属性值”]
结构选择器 标签名称:nth-child(){} 当标签名称一样的时候
标签名称:nth-of-type(){} 当标签名称不一样的时候
目标选择器 选择器:target{} 选择器为你当前需要指定的东西,与锚点使用类似
Ui选择器 选择器:focus{} 网页聚焦 一个网页只能有一个
层级选择器 子代选择器选择器1 选择器2{}
> 选择直接子级元素
+ 选择相邻同级元素
~选择相邻的所有同级元素
2.属性
文本属性 text-shadow 文本阴影 属性值:水平方向垂直方向 模糊程度 颜色值
box-shadow 盒子阴影 属性值:水平方向 垂直方向 模糊程度 颜色值 inset(内向的)
背景属性 背景尺寸 background-size属性值 100%宽高
Cover覆盖 等比例放大图片
Contain覆盖 自适应图片的宽高停止
颜色属性 hsl拓展
边框属性 border-radius(圆角或者做园) 属性值 一个属性值和四个属性值两种