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

時間 2019-11-24

標籤 ios 轉向前端進階 html 標籤類型欄目 iOS 简体版

原文原文鏈接

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>

相關標籤/搜索