[HTML] HTML常见的元素

1、块状元素

1. 块状元素占据独占一行，宽度自动填满父元素；
2. 可以自己设置宽度和高度；
3. 可以设置margin、padding；
4. 常见的块状元素有h1~h6；p；div；table；ul；ol；li；center；form；hr等

2、行内（内联）元素

1. 相邻的行内元素会显示在同一行；
2. 设置宽度、高度无效；
3. 设置水平边距有效、竖直边距无效
   1. margin-left、margin-right、padding-left、padding-right会产生边距效果
   2. margin-top、margin-bottom、padding-top、padding-bottom没有边距效果
4. 常见的行内元素有a、br、span、select、strong等

3、行内块（可变）元素

1. 既有块元素的特点，又有行内元素的特点的元素，需要根据上下文关系来确定这个元素是块元素还是内联元素；
2. 不独占一行；
3. 可以自己设置宽度和高度；
4. 常见的可变元素有button、input、img等

4、转换

• 转换为行内元素：display：inline
• 转换为块内元素：display：block
• 转换为行内块元素：display：inline-block