1.内联元素和块级元素

块级元素：div,h1,ul,li

独占一行,默认情况下，其宽度自动填满其父元素宽度

可以设置width，height属性

可以设置margin和padding属性

对应于display:block

行内元素：label,span

相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化

行内元素设置width，height属性无效

行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。

对应于display:inline；

内联块元素:inline-block

表现为同行显示并可修改宽高内外边距等属性

2.visible

定义了元素是否可见。与display属性不同，visibility会为隐藏的元素保留其占据的物理空间

white-space：中文

normal：默认处理方式。会将序列的空格合并为一个，内部是否换行由换行规则决定。

pre：原封不动的保留你输入时的状态，空格、换行都会保留，并且当文字超出边界时不换行。等同 pre 元素效果

nowrap：与normal值一致，不同的是会强制所有文本在同一行内显示。

pre-wrap：与pre值一致，不同的是文字超出边界时将自动换行。

pre-line：与normal值一致，但是会保留文本输入时的换行。

word-break：英文

normal：默认的换行规则。依据各自语言的规则，允许在字间发生换行。

keep-all：对于中文，韩文，日文文本不允许在字符内发生换行。表现同normal

break-all：比如使连续的英文字符断行。

break-word：连续的英文单词断行。这与word-wrap：break-word值效果相同

word-spacing：px/rem（计量单位）

letter-spacing:适用于h1,h2元素

首行缩进：text-intent：rem

vertical-align

baseline：把当前盒的基线与父级盒的基线对齐。如果该盒没有基线，就将底部外边距的边界和父级的基线对齐

sub：把当前盒的基线降低到合适的位置作为父级盒的下标（该值不影响该元素文本的字体大小）

super：把当前盒的基线提升到合适的位置作为父级盒的上标（该值不影响该元素文本的字体大小）

text-top：把当前盒的top和父级的内容区的top对齐

text-bottom：把当前盒的bottom和父级的内容区的bottom对齐

middle：把当前盒的垂直中心和父级盒的基线加上父级的半x-height对齐

top：把当前盒的top与行盒的top对齐

bottom：把当前盒的bottom与行盒的bottom对齐