1.单位：
颜色单位：英文单词 16进制 rgb
尺寸单位：px %(百分比 高度设置，需要html和body设置高度) 最小min-width min-height 最大max-width max-height vw vh(视口单位，相对于浏览器)
min:可以设置默认宽高，当内容小于设置的宽高时，尺寸以设置的宽高为准，当内容大于设置的宽高时，以内容尺寸为准。
max:不可以设置默认宽高，当内容小于max尺寸时，容器尺寸以内容尺寸为准，当内容尺寸大于max尺寸时，超出的部分会溢出。
2.文字设置：
（1）font-size: 文字大小(字号) 可以设置百分比(跟随其父级的百分比)
em:父级的倍数 rem：根(html)倍数，可以用来设置尺寸
浏览器不支持12px以下的字体大小（小于12px时以12px为标准显示）
（2）text-indent：首行缩进（中文） 常用单位em
（3）font-weight：字重 bold(500~900) 加粗（bolder更粗 已淘汰）、 lighter（100~300）更细、normal(400)正常
（4）font-style：斜体设置 italic 、正常设置normal
（5）font-family：字体设置
（6）line-height：行高（ CSS深入了解line-height 链接： http://www.imooc.com/learn/403 ）常用于单行文字上下居中
（7）vertical-align：top | middle | bottom 竖直对齐方式 （CSS深入理解之vertical-align 链接：http://www.imooc.com/learn/542）
（8）text-align：left | right | center 文字水平对齐
（9）letter-spacing：字符间距设置 字符与字符之间的距离 支持中文和英文
（10）word-spacing：词间距 词与词之间的距离 只支持英文不支持中文
（11）word-wrap：break-word；强制字符换行
（12）white-space：nowrap；强制字符不换行
（13）text-decoration：underline | overline | line-through 下划线 | 上划线 | 中划线
3.内容超出部分处理：overflow：auto | hidden | scroll
（1）auto：容器自适应内容，内容高度容易超出，会出现竖直滚动条，如果内容宽度超出容器 。会变为水平滚动条
（2）hidden：是把超出容器的内容部分裁减掉
（3）scroll：给容器设置滚动条，如果内容没有超出容器，将无法滚动；
（4）overflow-x：对容器的水平方向处理
（5）overflow-y：对容器的竖直方向处理
注意：overflow：auto hidden 两个属性还可以用于清除浮动
网友评论