首頁 > 文章 > web前端 > 簡述css的四種寫法

簡述css的四種寫法

巴扎黑原創: 2017-03-14 11:55:052599瀏覽

優先權：外部樣式< 內部樣式表< 內嵌樣式表;

優先權，即：同名的選擇器右邊的會覆寫左邊

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的四種書寫方式(必看篇) 全部內容了，希望大家多多支援腳本之家~

以上是簡述css的四種寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：介紹CSS 中的rem單位下一篇：介紹CSS 中的rem單位

看更多