元素显示模式

HTML元素的显示分为三大类,分别是行内元素(inline)、块级元素(block)以及行内块元素(inline-block)。

行内元素的显示特点是:(1)、一行可以显示多个;(2)、宽度和高度默认由内容撑开;(3)、不可以设置高度;

代表标签主要有:a、span、b、u、i、s、strong、ins、em、del......

块级元素的显示特点是:(1)、独占一行(一行只能显示一个);(2)、宽度默认是父元素的宽度,高度默认由内容撑开;(3)、可以设置宽高;

代表的主要标签有:div、p、h系列、ul、dl、dt、dd、form、header、nav、footer......

行内块元素的显示特点:(1)、一行可以显示多个;(2)、可以设置宽高;

代表标签有:input、textarea、button、select......

特殊情况:img标签有行内块元素的特点,但是Chrome调试工具中显示结果是inline.

posted @ 2021-11-05 16:31  小石糖记  阅读(138)  评论(0)    收藏  举报