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;
}

发布了804 篇原创文章 · 获赞 135 · 访问量 142万+

猜你喜欢

转载自blog.csdn.net/potato512/article/details/105191244