html 标签 显示模式

1.html 标签模式分为三类：块级标签，行内标签（内联），行内块标签

a. 块级标签

典型代表：div、h1~h6、p、ul、ol、li、dl、dt、dd等。

特点：可以设置宽高，独占一行

b.行内标签

典型代表：span、a、b、u、i、strong、em、del、ins等

特点：不能设置宽高，不独占一行（一排可以放多个）

c.行内块标签

 

典型代表：img、input、textarea、select等

特点：可以设置宽高，不独占一行

2.显示模式转化：(块级，行内，行内块相互转换)

 

display:block;         转换为块级元素

 

display:inline;        转换为行内元素

 

display:inline-block; 转换为行内块元素

 

 

转载于:https://www.cnblogs.com/smivico/p/7651738.html