伪类选择器
:link — :visited — :hover — :active
结构伪类选择器
first-child 第一个目标
last-child 最后一个目标
:nth-child() 在同一父类下不分类顺序
:nth-of-type() 在同一父类下分类顺序
伪元素选择器
:before
:after
:placeholder 默认提示词
:selection
文本
text-align: 对齐方式
over-fiow:
line-height 行高
text-decoration:文本装饰-------下划线、删除线
text-decoration: underline;
text-decoration: overline red;
text-decoration: none;
文本域
resize 防止文本拖拽
vertical-align: 改变文字的对齐方式
元素显示模式
display 元素性质转换
背景
background-color: aqua;
background-image: url(地址);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background: fixed url地址) no-repeat;
边框
border 类比 background
阴影
box-shadow
text-shadow
轮廓线
outline-style
定位
position:absolute 绝对定位
position:fixed 固定定位
position:sticky 粘性定位
定位补充
z-index: 显示优先级
防拖拽
resize:none; 防止拖拽
vertical-align:top/middle/bottom; //改变文字对齐方式
隐藏元素
display:none; 隐藏第一个box,下一个顶替后面跟 display:block
visibility:none; 隐藏第一个,但位置保留