HTML内でCSSファイルを参照する方法

HTML で CSS を参照する主な方法は次のとおりです:

1、インライン スタイル

2、インライン スタイル

3、リンク スタイル

4. インポート スタイル

インライン スタイル

は、タグ

<p style="color: #FF0000;">行内样式</p>

##に記述された Style 要素の値を参照します。 #推奨チュートリアル:

htmltutorial

embedded

はHTMLページのheadタグに記述されます。

<style type="text/css">
            XXXXXXXX        
</style>

Linked style

も head タグ内で実行されますが、専用の CSS ファイルを外部に記述する必要があります。

<link rel="stylesheet" href="css/Demo.css" />

Import style

も head タグ内にあります。

<style type="text/css">
            @import url("css/Demo.css");        
</style>

インポートとリンクの違いは、インポート時に一度ロードされるのに対し、リンクはスタイルが必要なときにロードされるため、リンク タイプのパフォーマンスが高いことです。特に初めてロードするとき。

優先度:

インライン スタイル

リンクされたスタイル
埋め込みスタイル
インポートされたスタイル (インポート後のリンク)
OR
インライン スタイル スタイル
埋め込み
インポート

プログラミング関連のコンテンツの詳細については、php 中国語 Web サイトの

プログラミング紹介 列に注目してください。

以上がHTML内でCSSファイルを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。