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.cnblogs.com/LQK157/p/10948977.html