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

王林
リリース: 2020-02-20 18:16:49
転載
3208 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:cnblogs.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート