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