HTML的标签类型主要分为三大类:
1.块级标签:特点:独占一行,能随时设置宽度和高度
示例:
<!--块级标签-->
<div>div标签</div>
<p>段落标签</p>
2.行内标签:特点:多个行内标签能同时显示在一行,不能直接设置宽度和高度,宽度和高度取决于内容的尺寸
示例:
<!--行内标签(内联标签)-->
<span>我是行内标签</span>
<a href="#">我是超链接</a>
3:行内-块级标签(内联-块级标签):特点:多个行内-块级标签能够显示在一行,并且能够随时设置宽度和高度
示例:
<!--行内-块级标签-->
<input>
<button>我是按钮</button>
-display
CSS中有个display属性,能修改标签的显示类型
none 隐藏
/*隐藏标签*/
display: none;
block 让标签变为块标签
/* 改变标签类型:行内---->块级 */
display: block;
inline:让标签变为行内标签
/* 改变标签类型:块级---->行内 */
display: inline;
inline-block:让标签变为行内-块级标签(内联-块级标签)
/* 改变标签类型:行内---->行内块级 */
display: inline-block;