1.CSS选择器分类：类选择器，ID选择器，伪类选择器，复合选择器

伪类选择器：
(1)鼠标点击后/未点击:
button:link/visited{
    XXX
}

(2)鼠标覆盖后/点击时:
button:hover/active{
    XXX
}

复合选择器：
(1)element1 element2 祖先
(2)element1>element2 父亲

2.文本，文字
(1)行高（用行高居中）
line-height:height


(2)设置字边距
 letter-spacing: 2px;  /* 设置字边距2px */

(3)消除a标签的下划线
a{
    text-decoration:none;
}


(4)设置字体阴影
text-shadow: 3px -3px 3px blue;


(5)高度单位
|单位|描述                   |
|---|----------------------  |
|px |设备上的像素点          |
|%  |相对于父元素的百分比    |
|em |相对于当前元素的字体大小|
|rem|相对于根元素的字体大小  |
|vw |相对于视窗宽度的百分比  |
|vh |相对于视窗高度的百分比  |

3.背景
背景图片，背景大小，透明度
    background-image: url("https://video.acwing.com/image/default/84574C84628F4093ABEC11749AB06D7B-6-2.jpg?auth_key=1746057600-ac2887wing-0-46b5a507b383744e0b9a7d34da413bfc");
    background-size: cover; /* 会完全覆盖界面，图片的部分会超出界面看不到 */
    opacity: 0.8;


4.布局
div为块状元素  span为行内元素
display: inline/block;
white-space: nowrap; /* 防止文本换行 */
overflow: hidden; /* 当内容超出容器时进行裁剪而不是显示滚动条 */
text-overflow: ellipsis; /* 当文本被裁剪时显示省略号 */
overflow:auto
会使超出的部分变成滑动区间  水平超出则水平方向多滚轮 竖直方向超出则竖直方向多滚轮
特殊指定水平方向滚轮 overflow-x
特殊指定竖直方向滚轮 overflow-y



5.边距
快速垂直居中：
margin:20px auto;

6.位置position
relative：
根据原本在的位置进行相对偏移 且原本的位置不腾出 仍保留
absolute:
根据第一个非static祖宗元素的位置进行相对偏移 且原本的位置腾出 不保留 随滚轮动
fixed：
根据浏览器屏幕（能看见的整个部分)的位置进行相对偏移 且原本的位置腾出 不保留 不随滚轮动
sticky：
根据原本在的位置进行相对偏移 且原本的位置不腾出 仍保留
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。