部分CSS样式

1.单位：

颜色单位：英文单词 16进制(#xxx)   rgb(x,x,x)    hsl(这里是用色调来表示颜色，具体不做探究)    transparent（透明色）。

尺寸：像素（px） 百分比(高度设置的时候，必须给html和body设置height为100%)  最小min-width  min-height  最大max-width  max-height  vw  vh

min:可以设置默认宽高，当内容小于设置的宽高时，以设置的宽高为准，当内容大于设置的宽高时，以内容尺寸为准

max:可以设置默认宽高，当内容小于设置的宽高时（max），以内容的尺寸为准，当内容尺寸大于max尺寸，超出的部分会溢出

可以同时设置min和max，此时不要给元素设置width和height

vw  vh  视口单位 表示将浏览器窗口的宽高分为100份，一份为1vw或1vh,满屏时为100vw/100vh。

2.文字设置：

颜色设置：color  

 字号设置：font-size ,可以是百分比  倍数em   rem根倍数，根是相对于HTML的font-size属性

text-indent:2em,首行缩进两个字符,这里针对于中文字符 

font-weight:字重 ,

bold 加粗 

lighter更细 

normal 正常的

font-style：斜体（italic）  斜体语义标签//<em><em>,<i></i>

font-family:字体设置,可以设置多个字体属性值，属性值之间用逗号隔开 ，最后一个用“Arial”

line-height:行高

text-align:justify(两端对齐)

字符间距设置：letter-spacing，属性值为像素，针对每一个字符

词间距：word-spacing,针对每一个单词或词语，只支持英文，不支持中文词语如果单词之间没有空格，默认不会换行，汉字没有换行的问题

强制字符换行 word-wrap:break-word;

强制不换行 white-space:nowrap

划线：text-decoration：none overline  line-through  underline

vertical-align:垂直对齐

内容超出处理：overflow：auto hidden scroll scroll-x  scroll-y

overflow：auto(容器自适应高度，内容高度超出容器，会出现竖直滚动条，宽度超出，出现水平滚动条；内容没有超出容器将无法滚动) hidden scroll overflow-x:scroll  overflow-y:scroll

附加：

overflow:auto 、hidden 两个属性可以用于清除浮动 ，这个属性写在浮动元素的父级样式内部