CSSを導入する4つの方法とは?

王林
リリース: 2020-05-15 09:12:31
転載
7242 人が閲覧しました

CSSを導入する4つの方法とは?

CSS を導入する 4 つの方法は、インライン スタイル、インライン スタイル、リンク スタイル、インポートされたスタイルです。

1. インライン スタイル

最も直接的かつ簡単な方法は、HTML タグで を直接使用することです。例:

ログイン後にコピー

欠点: HTML ページはファイルサイズが大きいため、クモが這いにくく、後のメンテナンスが不便です。

(ビデオ チュートリアルの推奨:css ビデオ チュートリアル)

2. インライン スタイル

インライン スタイルは、 ;< に css コードを記述することです。 ; head> を使用し、 で宣言します (例:

>

ログイン後にコピー

長所と短所: このページではパブリック CSS コードが使用されており、すべてのページで定義する必要があります。 Web サイトのページ数が多くなると、各ファイルが大きくなり、後のメンテナンスが難しくなりますが、ファイル数が少なく、CSS コードも少ない場合には、このスタイルが最適です。

3. リンク スタイル

リンク スタイルは、最も頻繁に使用され、最も実用的なスタイルです。

ログイン後にコピー

長所と短所: ページ フレーム コードとパフォーマンス CSS コードの完全な分離が実現され、制作前と保守後の作業が非常に便利になります

4スタイルのインポート (推奨されません)

インポート スタイルはリンク スタイルに似ています。CSS スタイル シートをインポートするには @import スタイルを使用します。HTML の初期化中に、HTML または CSS ファイルにインポートされ、ファイルの一部になります。 、2 番目のインライン スタイルに似ています。

@import は次のように HTML で使用されます:

ログイン後にコピー

@import は次のように CSS で使用されます:

@import url(style.css);
ログイン後にコピー

推奨チュートリアル:css クイック スタート

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

関連ラベル:
ソース:jb51.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!