块级标签和行级标签

块级标签：

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

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

行级标签（内联元素）：

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

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

 

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

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

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

行内块级：display：inline_block；

注：行内块级不换行，但可以设置宽高。

display属性设置显示隐藏：

display: none;  //隐藏    （visibility：hidden；  只占位，但看不见）
display:block； //显示