css的样式及作用

id (#)
class(.)
后代选择器 有多个选择器组成 用空格隔开
text-decoration: none; 取消下划线
子代选择器 选择符识别号>
交集选择器 由多个选择器拼接而成
并集选择器 用,隔开
text-decoration: underline;添加下划线
序选择器li:first-child li:last-child li:nth-child(2/3/4.....)
继承选择器：跟文本相关的属性能够继承下来
（1）.字体颜色
（2）.以font-系列的属性
（3）.以line-系列开头的属性 行高
（4）.以text-系列的属性
强调非常重要：!important（不会影响选择器的权重，只作用当前属性上 不会被覆盖掉 不会影响当前选择器的权重）
dashed:虚线
solid:实线
.nav a:hover：鼠标停留的地方。
white-space:nowrap;文本强制不换行
word-wrap: break-word; word-break: normal; 文本自动换行
margin: 0 auto：水平居中
container：版心
精准数值 单词cover contain
cover 大图按照当前盒子比例进行缩放
background-size: cover;
精准数值 单词top right bottom left center
background-position: center；
图片平不平铺background-repeat:no-repeat;
contain 小图最大比例适配填充
background-size: contain;
边框圆角:border-radius
超出的部分隐藏：overflow:hidden
超出的部分自动出现滚动条auto
清除浮动：clear:both
鼠标显示小手cursor:pointer
反应时间：transition: all .5s;
省略号:text-overflow: ellipsis;
相对路径：relative
绝对路径：absolute
固定定位：fixed
透明度：opacity
未被访问过：a:link;
被访问后🅰️visited;
鼠标按下后变换：a:active;
点击后显示 聚焦（只针对表单元素）：focus+
字体不被选中:user-select: none;