1.html標籤類型能夠分爲三大類:
- 塊級標籤(block):特色是獨佔一行,能隨時設置width與height,好比div,p,h1,h2,ul,li.
- 行內標籤(inline):特色是多個行內標籤能同時顯示在同一行,寬度與高度取決於內容的尺寸,好比span,a,label。
- 行內塊級標籤(inline-block):特色:多個行內-塊級標籤能夠顯示在同一行,能同時設置寬度與高度,好比button與input。
2.css中有個display屬性,能修改標籤的顯示類型。
- none:隱藏標籤。
- block:讓標籤變爲塊級標籤,
- inline:讓標籤變爲行內標籤。
- inline-block:標籤變爲行內-塊級標籤,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">css的可繼承屬性
<title>css的可繼承屬性</title>
<style>
body{
font-size: 30px;
color: yellow;
}
div {
background-color: red;
width: 150px;
height:160px;
}
span {
background-color: blue;
display: block;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div>我是塊級標籤</div>
<span>我是行內標籤</span>
<!--<button>我是行內塊級標籤</button>-->
</body>
</html>