一.overflow

如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条，是否隐藏溢出部分等行为，

overflow:hidden/visible(默认值)/auto/scroll/inherit(继承)
overflow-x:水平超出
overflow-y:垂直超出

二.剩余空白white-space

用于设置空白处理和换行规则

white-space:normal(默认值)/nowrap(不换行)/
pre(源格式输出)/pre-wrap(原格式输出,保留换行和首行缩进)/
pre-line(源格式输出,只保留换行),inherit(继承)

三.text-overflow

用来设置文字溢出时的行为

clip:溢出的内容直接裁剪掉(字符可能会显示不完整)
ellipsis:溢出那行的结尾处用[省略号]表示
步骤:
overflow:hidden;
white-space:no-wrap;
text-overflow:ellipsis;
只针对单行有效

四.元素类型分类

CSS中的元素分类可以分为两类：块级元素和内联元素。

三种类型:块状元素,内联元素,行内块元素

1.块级元素

独占一行
能设置宽高
能正常设置内外边距
矩形显示
通常作为容器使用

2.内联元素

在一行显示
不能设置宽高
不能正常设置垂直方向的内外边距
非矩形显示,最小单位才会显示
通常不作为容器使用

3.特殊元素:行内块元素 img input textarea select

在一行显示
能正常设置宽高
能正常设置内外边距
矩形显示
不能作为容器使用

五.元素类型转换

    display:block /inline-block /inline /none(隐藏)<br>
    [注]当元素设置了float后,相当于子元素加了display:block

六.vertical-align:控制一行内的内联元素的对齐方式

img和input支持vertical-align
vertical-align:top/ middle/ bottom
[注]1.主要针对行块级元素的对齐方式
2.兄弟元素之间两两对齐
text-top:父元素的文本顶部对齐
text-bottom:父元素的文本底部对齐
baseline:基线对齐(默认值)
sub:父元素下标基线对齐
super:父元素上标顶部对齐

七.置换元素与非置换元素

置换元素:通过属性和属性值展现指定的内容 img和input
非置换元素:内容直接展现在浏览器