web---css
字体样式
font-size ：字体大小 字号
font-family： 字体
font-weight： 字体粗细 （加粗：font-weight: bold 或 font-weight: 数字 （400正常，700加粗） ）
font-style： 字体样式 （font-style: normal（正常值））
（连写顺序：style weight size family 字号和字体必须同时存在）
css层叠性：属性名相同时，后面的样式会将前面的样式覆盖掉
文本样式
文本缩进
text-indent：字符缩进（text-intent: 2em）
文本对齐方式
text-align： 文本对齐方式（text-align: center （居中的是内容，不是元素））
（<span>标签是一个标准的行内标签）
文本修饰
（a链接存在默认下划线）
text-decoration: none; ：去掉下划线（清除a链接默认样式）
text-decoration: underline：默认下划线
text-decoration: line-through：删除线
text-transform
text-transform: uppercase （小写转大写）
text-transform: lowercase（大写转小写）
line-height：行高
text-align: center ：水平居中
（单行文本借助行高垂直居中）
文本溢出
解决文本溢出的方法
overflow:auto（滚动）
overflow:hidden（隐藏）
overflow:scroll（）
背景相关（也可使用符合属性，无顺序要求）
background-color
background-image（背景图）
background-repeat: no-repeat
background-attachment: fixed
background-position: right bottom
列表样式
list-style: none; ：去除 li 默认样式
元素显示模式转换
<span> 行内元素（行内元素无法设宽高）
将行内元素转换为行内块元素（display: inline-block） 设宽高 （width height）
轮廓线
outline-style：轮廓线样式
outline-width：宽度
边框
border-style：边框样式
border-radius：边框弧度（border-top-left-radius 左上角弧度）
合并相邻边框：border-collapse: collapse;
颜色
透明度：opacity （opacity 0-1，0时，只是视觉上看不到，原来位置还在保留）
元素隐藏的方式
1.设置透明度隐藏：opacity 0;（保留原来的位置）
2.display :none;（不保留原来的位置）
3.visibility :hidden;（保留原来的位置）
鼠标样式以及防拖拽
防止拖拽：resize: none
鼠标样式：cursor: initial
定位
1.相对定位：position: relative
2.绝对定位：position: absolute（会放弃原来的位置，子绝父相 ，逐级查找父级元素是否有相对定位，如果有，以父亲为定位参考，如果没有，继续向上查找）
显示的优先级 ：z-index
3.固定定位：position: fixed（相对于可视窗口进行定位，会放弃原来的位置）
4.粘性定位：position: sticky