元素类型的转换

元素类型的转换

元素的类型通常分为：块级元素、内联元素（行内元素）、内联块元素

块级元素

1. 会占据一行的位置
2. 后面的元素会换行显示
3. 块级元素里面可以放任何内容，主要用于布局
4. 支持添加宽度和高度
5. 支持margin和padding
6. 常用的块级元素：div，h1-h6，ul/li，ol/li，p，table，form

行内元素

1. 不自动换行，只占据自己应占的位置
2. 不支持添加宽度和高度
3. 行内元素不能套块级元素
4. margin上下无效，左右有效
5. padding上下只对自身有效，左右无效
6. 常见的行内元素：a，b，span，i，del

转换块级元素

隐藏对象 display:none;
变为块级元素，也有显示的意思 display:block;
变为行内元素 display:inline;
以行内元素形式排列，以块级元素显示 display:inline-block;