ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを書く4つの方法

CSSを書く4つの方法

高洛峰
高洛峰オリジナル
2016-10-20 13:28:051430ブラウズ

優先度: 外部スタイル

優先度、つまり、同じ名前のセレクターの右側が左側をカバーします

1. 内部スタイルシート

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

2の使用を宣言するには、リンクタグを使用します。ドキュメント内の外部リソース。最も一般的に使用される方法です。

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. インライン スタイル シートは優先度が最も高く、最も簡単ですが、再利用できず、メンテナンスも簡単ではありません。

りー


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:CSSの詳しい解説次の記事:CSSの詳しい解説