一、概述
按标签种类可以将html标签划分为三类,其一块级标签,其二行级标签、其三行级块标签。
凡是带有inline属性的标签都有文本的特点,所以称之为文本类标签。行级标签和行级块标签就是文本类标签。文本类标签里面包含文字时,外面的文字就会和里面的文字进行底对齐。vertical-align特性用于设置文本类标签相对于基线的垂直偏移量。文本写在一行上,只须在一个标签上调节这个特性就可以实现对齐。
二、块级标签
块级标签有三个特点,其一独占一行,其二可以通过css设置宽高和内外边距,其三宽度默认随浏览器自适应。块级标签主要用来布局网页,进行网页大的架构。常见块级标签如下所示。
注意,块级标签内部可以嵌套任何标签,但有例外,如下所示。
(1)p标签里不能嵌套块级标签(浏览器内核的处理原则问题)
三、行级标签
行级标签又称为内联标签,有两个特点,其一内容决定标签所占位置,其二不可以通过css设置宽高、上下内边距和上下外边距。行级标签主要用来处理局部细节。 常见的行级标签如下所示。
注意,行级标签只能嵌套行级标签,但有例外,如下所示。
(1)a标签不能嵌套a标签
四、行级块标签
行级块标签又称为内联块标签,介于块级标签和行级标签之间,同时具有块级标签和行级标签的特性,总结为两点,其一内容决定标签所占位置,其二可以通过css设置宽高和内外边距。注意,任何标签设置了position:absolute或float:left/right后会自动转换为行级块标签。
————————————————
版权声明:本文为CSDN博主「空城里的往日时光」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42472040/article/details/102551417