ios轉向前端進階之:html標籤類型

1.html標籤類型能夠分爲三大類:

  1. 塊級標籤(block):特色是獨佔一行,能隨時設置width與height,好比div,p,h1,h2,ul,li.
  2. 行內標籤(inline):特色是多個行內標籤能同時顯示在同一行,寬度與高度取決於內容的尺寸,好比span,a,label。
  3. 行內塊級標籤(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>
相關文章
相關標籤/搜索