块级标签和行级标签

块级标签:

独占一行,可以指定宽高,可以设置垂直方向的margin。

常用的块级元素:<p>,<ul>,<table>,<h1~h6>等。

行级标签(内联元素):

不能换行,只有内容超过宽高才换行,不能指定它的宽高,不可以设置垂直方向的margin,但图片标签除外。

常用的行级标签:<a>、<img>等。

行级元素转换成块级元素:我们可以用display属性来将行级标签转换成块级标签。

将行级标签转换成块级标签:display:block;

将块级标签转换成行级标签:display:inline;

行内块级:display:inline_block;

注:行内块级不换行,但可以设置宽高。

display属性设置显示隐藏:

display: none;  //隐藏    (visibility:hidden;  只占位,但看不见)
display:block; //显示

原文地址:https://www.cnblogs.com/zhaojing-0504/p/5915906.html