CSS样式总结（超有料）

span：表示强调，凸显文字，

 oblique/ I 标签都表示斜体 同理em

Fout-size：字体大小 px像素（用于网页端） em是父元素字体大小的倍数 rem是根据根元素html大小倍数（一般用于移动端）

Color:字体颜色

text-indent     设置首行文本的缩进     text-indent:20px;

line-height     设置文本的行高     line-height:25px;

text-decoration     设置文本的装饰     text-decoration:underline;

border 边框 solid实线 例：border:1px solid red 一像素的实线红色边框

font-family:字体样式

font-style      设置字体风格 normal  (正常字体) italic(斜体) 

font-weight   设置字体的粗细

normal     默认值，定义标准的字体

bold     粗体字体 700

bolder     更粗的字体

lighter     更细的字体100

text-align 水平对齐

值     说明

left     把文本排列到左边。默认值：由浏览器决定

right     把文本排列到右边

center     把文本排列到中间

justify     实现两端对齐文本效果

‼️简写方式：

font     在一个声明中设置所有字体属性   

字体属性的顺序：字体风格→字体粗细→字体大小→字体类型

  font:italic bold 36px "宋体”;

display:iline-block 将行内元素转为行内块元素

vertical-align属性：middle、top、bottom  可以让文字出现在图片的中间位置 一般加在img使用，可以影响同盒子的文字位置

Text-decoration文本修饰

none     默认值，定义的标准文本

underline     设置文本的下划线

overline     设置文本的上划线

line-through     设置文本的删除线

对于链接伪类元素的更改样式（a链接）

A：link 链接没有被访问过显示的样式

A:visited 链接被访问了显示的样式

A:hover 鼠标经过显示的样式

A:active 鼠标点击不松显示的样式

🏁快捷记忆：lvha

list-style-type  列表样式 （他的圆点是继承父亲 ）

none    无标记符号 

disc    实心圆，默认类型

circle    空心圆

square    实心正方形 

decimal    数字 

background复合属性 可以一起写，不要求顺序

background-color  背景颜色

transparent透明色

background- image背景图片 但是要输入url图片地址

background-repeat  背景重复方式

repeat：沿水平和垂直两个方向平铺

no-repeat：不平铺，即只显示一次

repeat-x：只沿水平方向平铺

repeat-y：只沿垂直方向平铺

background-position 背景定位

单位有px % 用来定x y轴

还可以用left（左）、center（中间）、right（右）

background-size 背景图片大小 宽高必须都要设置

background-size：“ 100% 100%”

‼️科普小知识：*键可以将所有元素的默认margin y与padding去除