块级标签和行级标签
块级标签:
独占一行,可以指定宽高,可以设置垂直方向的margin。
常用的块级元素:<p>,<ul>,<table>,<h1~h6>等。
行级标签(内联元素):
不能换行,只有内容超过宽高才换行,不能指定它的宽高,不可以设置垂直方向的margin,但图片标签除外。
常用的行级标签:<a>、<img>等。
行级元素转换成块级元素:我们可以用display属性来将行级标签转换成块级标签。
将行级标签转换成块级标签:display:block;
将块级标签转换成行级标签:display:inline;
行内块级:display:inline_block;
注:行内块级不换行,但可以设置宽高。
display属性设置显示隐藏:
display: none; //隐藏 (visibility:hidden; 只占位,但看不见)
display:block; //显示