HTML中标签的类型
2016-03-15 本文已影响169人
Alexander
本章摘要 :
-
一, HTML中标签的类型
HTML中标签的类型有很多种,我们根据它显示的类型,将它们分成了3大类 -
1, 块级标签
特点 : 独占一行,能够随意设置宽度和高度(比如: div, p, h1, h2, ul, li) -
2, 行内标签
行内标签又叫做内联标签
特点 : 多个行内标签能同时显示在一行,并且宽度和高度是有内容决定的(比如: span, a, label) -
3, 行内-块级标签
行内-块级标签也叫做内联-块级标签
特点 : 多个行内-块级标签能够显示在同一行,并且能随意修改他们的宽度和高度(比如 : input, button)
本章重点 :
如何修改标签的显示类型
CSS中提供了一个display属性,它能够修改标签的显示类型
1, none : 隐藏标签
2, block : 让标签变为块级标签(主要针对的是标签选择器)
3, inline : 让便签变为行内标签
4, inline-block : 让标签变为行内-块级(内联-块级)标签
-->
<html>
<head>
<meta charset="UTF-8">
<title>掌握标签的类型以及如何修改标签的类型</title>
<style>
div{
color: red;
background-color: yellow;
width: 100px;
height: 150px;
}
span{
color: green;
background-color: red;
width: 100px;
height: 150px;
}
input{
width: 100px;
height: 150px;
}
</style>
</head>
<body>
<div>我真的是被自己帅哭了</div><br>
<span>每次洗澡都需要对着镜子自恋30分钟</span>
<p></p>
<input>
<input>
</body>
</html>
