HTML元素被分为三种类型:
块状元素, 内联元素, 行内块元素
块元素主要用来做页面的布局，内联元素主要用来选中文本设置样式
一般不使用内联元素包含块元素，a标签可以包含除它本身的任何元素
p标签不能包含任何块元素
块状元素（block element）
1. 默认独占一行 2. 没有宽度时，默认撑满一排（块状元素默认宽度为100%） 3. 可以定义自己的宽度和高度 常见的块状元素有：div ul li h1-h6 p ol
内联元素（inline element）
1. 多个内联元素可以同一行显示---------同一行 2. 高和宽由内容撑开 3. 不支持宽高 4. 不支持上下的margin 常见的内联元素有：a br strong em span
行内块元素（inline-block element）
1. 可以设置width/height, 没有宽度的时候由内容撑开宽度 2. 只有这一个元素类型支持vertical-align属性。（img,input） 3. 元素的内容以块状显示，并且与行内的其他元素显示在同一行, 常见的行内块元素有：img input select textarea button
元素类型的转换
盒子模型可通过display属性来改变默认的显示类型, display属性与属性值 (18个属性值)
作用：该属性设置或检索对象元素应该生成的盒模型的类型。
属性值：block inline inline-block none list-item (—熟记—) table-header-group table-footer-group....
1. Block块状显示 2. inline内联显示 3. inline-block行内块元素显示 4. none 此元素不会被显示，元素消失，脱离文档流 5. list-item 将元素转换成列表(li的默认display类型)