HTML元素的类型与转换

元素的类型

块级元素

块级元素在页面内以区域块的形式出现，其特点如下：
1.独自占据一整行或多行
2.可以对其设置长度、宽度、对齐等属性
3.可以容纳行内元素和其他元素

常见
h1~h6 \ p \ div \ ul \ ol \ li ；

行内元素

行内元素也称为内联元素或内嵌元素，其特点如下：
1.不会独自占据一行或多行
2.宽度不可以改变，是它的文字或图片的宽度
3.设置高度height无效，，要使用line-height来设置
4.padding、margin只对左右有效，对上下无效
5.只能容纳文本和其他行内元素

常见
strong \ b \ em \ i \ del \ s \ ins \ u \ a \ span \

元素转换

元素的转换使用display属性，其属性值如下：
1.inline ： 元素显示为行内元素（行内元素默认）
2.block ：元素显示为块级冤死（块级元素默认）
3.inline-block ：元素显示为行内行内块元素，可以被设置宽度和高度，但不会独占一行
4.none ：元素被隐藏，相当于元素不存在