cssの4つの書き方を詳しく解説-CSSチュートリアル-php.cn

cssの4つの書き方を詳しく解説

高洛峰

リリース： 2017-03-17 11:54:40

オリジナル

1300 人が閲覧しました

優先順位: 外部スタイル < 内部スタイルシート < インラインスタイルシート;

優先順位、つまり、同じ名前のセレクターの右側が内部スタイルシートをオーバーライドします

<head>
    <style>
        /*内部样式表，一般用于覆盖公用样式*/
        ＃headTip {
            color: 0xff5;
         }
    </style></head></p>
<p class="cnblogs_code"> </p>
<p>2. リンク タグを使用して、ドキュメント内で外部リソースの使用を宣言します。これが最も一般的な方法です。 </p>
<p>CSS外部スタイルシートのエンコーディングを指定する @CHARSET="utf-8"; を先頭行に配置する必要があります。 </p>
<p></p>
<pre class="brush:php;toolbar:false"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
    <span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="./my-common.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> media</span><span style="color: #0000ff">="screen"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">/></span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">><br></span>

ログイン後にコピー

3.@ メソッド、CSS を導入します。これは非同期で読み込まれ、HTML 全体が読み込まれた後に読み込まれるため、ページがちらつく原因になることに注意してください。お勧めしません。

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

ログイン後にコピー

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

りー

以上がcssの4つの書き方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。