今天小编给大家分享的是关于html块级、行级元素的介绍,相信很多人都不太了解,为了让大家更加了解html块级、行级元素,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。
html元素可以划分为块级元素和行级元素。
块级元素是什么?
它可以独占一行,可以设置宽高度,默认是100%;
行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看。
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> HTML块级、行级元素,特殊字符,嵌套规则</title> </head> <body> <!-- 块元素:独占一行,可以设置宽高、默认宽度100% --> 块元素分为文字类和容器类 文字类块元素:p、h2——h7 容器类块元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列) <!-- 行元素:不独占一行,宽高度取决于内容 --> 行元素:a img input strong em del span 特殊字符:文字 br   hr </body> </html>
嵌套规则:
1、块元素可以嵌套行元素;
2、行元素可以嵌套行元素;
3、行元素不可以嵌套块元素;
4、文字类块元素不可以嵌套块元素;
5、容器类块元素可以嵌套块元素。
关于html块级、行级元素的介绍就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。