HTML5---H5---CSS的三種書寫形式

原創

2020-02-20 19:36

優先級：外部樣式 < 內部樣式表 < 內聯樣式表；1.內部

<head>
    <style>
        /*內部樣式表，一般用於覆蓋公用樣式*/
        ＃headTip {
            color: 0xff5;
         }
    </style>
</head>

2.使用link標籤，在文檔中聲明使用外接資源 ss外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。

<head>
    <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>
</head>

3.@方式，引入css,注意這個是異步加載的，在整個html加載之後才加載，會導致頁面閃爍(不推薦)

<head>
    <style>
        @import 'my-common.css';
    </style>
</head>

4..內聯樣式表,優先級最高最直白，但不能複用不容易維護。

<body>
    <input type="text" style="color:0x550;font-size:30px;"/>
</body>

發佈了78 篇原創文章 · 獲贊 20 · 訪問量 8萬+

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.