首頁 > web前端 > css教學 > 主體

css的四種書寫方式

高洛峰
發布: 2016-10-20 13:28:05
原創
1411 人瀏覽過

優先權: 外部樣式

優先權,即:同名的選擇器右邊的會覆蓋左邊

1.內部樣式表

<head>
    <style>
        /*内部样式表,一般用于覆盖公用样式*/
        #headTip {
            color: 0xff5;
         }
    </style></head>
登入後複製

2.使用link標籤,在文檔中聲明使用外接資源,最常用的一種方式。

css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。

<head>
    <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/></head>
登入後複製

3.@方式,引入css,注意這個是異步加載的,在整個html加載之後才加載,會導致頁面閃爍。不建議使用。

<head>
    <style>
        @import &#39;my-common.css&#39;;    </style></head>
登入後複製

4.內嵌樣式表,優先順序最高最直白,但不能重複使用不容易維護。

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


相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板