type
status
date
slug
summary
tags
category
icon
password
1 CSS3 选择器
1.1 基本选择器（6个）
① 标签名选择器
② 类名选择器
③ ID 选择器
④ 全局选择器
⑤ 交集选择器（选择器的组合形式）
⑥ 并集选择器（选择器的组合形式）
1.2 层级选择器（4个）
① 后代元素选择器
② 子元素选择器
③ 相邻兄弟元素选择器
④ 通用兄弟元素选择器
1.3 属性选择器（5个）
属性选择器如果与其他选择器进行交集组合，通常写在其他选择器的后面
1.4 伪类选择器（23个）
① 动态伪类选择器（5个）
② 目标伪类选择器（1个）
③ 语言伪类选择器 (1个，了解)
④ UI元素伪类选择器（3个）
⑤ 结构伪类选择器（12个）
⑥ 否定伪类选择器（1个）
1.5 伪元素选择器（6个）
::before和::after 选择器后面的声明块中必须设置 content 属性！
1.6 选择器的优先级（权重）
2 CSS3 新增盒子相关样式
① display 介绍
display 属性拥有更多的值，可以让任何元素设置任何样式。
② box-sizing 属性
通过该属性可以调整元素宽高的设置规则：
③ 盒子阴影 box-shadow
④ 不透明度 opacity
给元素设置
opacity 属性可以让元素整体半透明，该属性的值取 0 到 1之间的小数，数字越大越不透明，1表示完全不透明，0表示完全透明。⑤ 粘连定位
给元素设置
position:sticky; 该元素粘连定位，当页面滚动，该元素顶部触碰到视口顶部的时候，会固定定位在那个位置。- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web01_h5c3_02
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。