HTML的块级元素和行内元素

HTML 的块级元素和行内元素

HTML 文档由 HTML 元素定义。

HTML里面分为块级元素和行内元素块级元素和行内元素(还可以称为内联)

1。块级元素(独占一行)

块级元素;在body里面独占一行,左右没有其他元素。块级元素有;<div>,<p>,<h1>~<h6>,<ul>等等

2.行内元素(可以与其他元素共享一行)

行内元素;行内元素  不形成新的内容块,左右可以有新的元素。例如有<a>、<span>、

还有display的inline等等

块级元素和行内元素的区别

1.块级元素独占一行,行内元素可以同别的元素一起在一行

2.一般情况下,块级元素可以设置 width,height属性,行内元素设置width,height无效。

3.块级元素可以设置margin 和 padding.行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效)。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwdxps.html