css样式

单位：

颜色的单位：px， 百分比，（高度者设置百分比时要注意，父级没有宽度的时候要给父级设置宽度，也可以用HTML和body设置百分比，这样高度下面的元素就有东西继承），最小宽度，高度min-width min-height，最大宽度高度，，max-width，max-height ，vw vh；

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

max：不可以设置默认宽高，当内容小于max尺寸，容器尺寸以内容尺寸为准，当内容尺寸大于max尺寸，超出的部分会溢出。

还有就是要注意同时设置max 和min 不要设置宽高；

vw和vh 视窗宽度，1vw或1vh等于视窗宽度的1%；很适合做自适应的布局；

font-size：文字字号，可以设置px 可以设置百分比 em（倍数）rem（根的倍数）；

font-weight 字重  bold(500~900) 加粗 bolder 更粗(已淘汰) lighter(100~300) 更细 normal(400)正常的

font-style  斜体设置 italic 斜体设置 noraml正常设置

font-family 字体设置

首行缩进设置 中文 text-indent

如果英文单词没有空格的话，是不会换行的，中文没有这个问题。

line-height：行高，常用于文本水平居中；

text-align：文字水平对齐（left center right justify（两端对齐，文本必须不止一行））；

字符间距：letter-spacing：可以设置px em

词间距：word-spacing：（英文的字符间距）；

强制字符换行：word-wrap：break-wrap；

强制字符不换行：white-space：nowrap；

text-decoration：underline（设置文本下划线），overline（设置上划线），line-through（设置中划线）；

vertical-align：竖直对齐方式 在table里面比较适用；

内容超出处理：overflow：auto hidden scroll；

auto：容器内自适应，内容高度超出容器，会出现竖直滚动条；如果内容宽度超出容器，会出现水平滚动条；

hidden：是把超出的容器的内容裁剪掉；

scroll：给容器设置滚动条，如果内容没有超出容器，将无法滚动；

overflow-x: 对容器的水平方向处理；

overflow-y: 对容器的垂直方向处理

overflow:auto hidden两个属性还可以用于清除浮动；

文字超出容器的部分以...的形式出现：

white-space:nowrap;(强制不换行)

over-flow:hidden;（超出部分隐藏）

text-overflow:ellispsis;