HTML的标签类型

标签的类型
（1）块级标签：独占一行的标签，能随时设置宽度和高度。
如：div、p

我是div标签

我是div标签

我是div标签

我是段落标签

我是段落标签

我是段落标签

（2）行内标签/内联标签：多个行内标签能同时显示在一行；宽度和高度取决于内容的尺寸。
如：span、a

我是span标签
我是span标签
我是span标签
我是超链接标签
（3）行内块级标签/内联块级标签：多个行内块级标签可以显示在同一行；能随时设置宽度和高度。
如：input、button


我是按钮标签

修改标签显示类型
通过CSS中的display属性修改标签显示类型
（1）隐藏标签（不占位置）none
button{
background-color: orange;
width: 100px;
height: 30px;
display: none;
}
（2）让标签成为块级标签block
span{
background-color: blueviolet;
width: 100px;
height:20px;
/行内标签修改成块级标签/
display: block;
}
（3）让标签成为行内标签inline
p{
background-color: yellow;
/块级标签修改成行内标签/
display: inline;
}
（4）让标签成为行内块级标签/内联块级标签inline-block
div{
background-color: red;
/块级标签修改成行内块级标签/
width: 100px;
height: 30px;
display: inline-block;
}