HTML的块级元素和行内元素

Posted 2021-12-11 lqk157

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都不会产生边距效果。（水平方向有效，竖直方向无效）。