块元素和内联元素的嵌套规则

80 阅读 0 评论 53 点赞

我是靠谱客的博主标致小海豚，最近开发中收集的这篇文章主要介绍块元素和内联元素的嵌套规则，觉得挺不错的，现在分享给大家，希望可以做个参考。

2019独角兽企业重金招聘Python工程师标准>>>

1，块元素，独占一行，宽高起作用：div , p , ul , ol ,table , menu ,

2，内联元素，可与其他内联元素同一行，宽高不起作用：span , q , input , img ,i

规则：

1，内联元素，可以嵌套内联元素，不可以嵌套块状元素

2，块元素，可以嵌套块元素，或者是内联元素

3，部分块元素，不能嵌套块元素，只能嵌套内联元素，如:p、h1-h6

4, 块元素中嵌套的元素，块元素和块元素一级，内联元素和内联元素一级

<div><h2></h2><p></p></div>　　正确

　　　　<div><a href="#"></a><span></span></div>　　正确

　　　　<div><h2></h2><span></span></div>　　错误

转载于:https://my.oschina.net/u/2998098/blog/1608885

以上就是标致小海豚为你收集整理的块元素和内联元素的嵌套规则的全部内容，希望文章能够帮你解决块元素和内联元素的嵌套规则所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。