" ステートメントが導入されています。"/> " ステートメントが導入されています。">

ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSスタイルシートの導入方法にはどのようなものがあるのでしょうか?

CSSスタイルシートの導入方法にはどのようなものがあるのでしょうか?

青灯夜游
青灯夜游オリジナル
2021-06-08 14:33:035479ブラウズ

方法: 1. 要素タグの style 属性に CSS スタイルを追加します。 2. ドキュメントの先頭部分のスタイル タグのペアに CSS スタイルを追加します。 3. CSS コードを「. css" ファイル。「2f395434c00ce2de07579a146543f509」ステートメントを使用してインポートされます。

CSSスタイルシートの導入方法にはどのようなものがあるのでしょうか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS の 3 つのスタイル シート

CSS スタイルが記述される位置 (または導入方法) に応じて、CSS スタイル シートは次のように分類できます。次の 3 つのカテゴリ:

  • インライン スタイル シート (インライン)

  • 内部スタイル シート (埋め込み)

  • 外部スタイル テーブル (リンク)

1. インライン スタイル シート

インライン スタイル シートの構文形式は次のとおりです。
##

<div style="color: blue; font-size: 16px;">测试</div>

注:

  • インライン スタイル シートは、要素タグ内の style 属性に CSS スタイルを設定し、単純なスタイルの変更にのみ適しています

2. 内部スタイル シート

内部スタイル シートの構文形式は次のとおりです:

<style>
div {
color: blue;
font-size: 16px;
}
</style>

注:

  • 内部スタイル テーブルはすべての CSS コードを抽出し、それを c9ccee2e6ea535a969eb3f532ad9fe89 タグに配置します。

  • c9ccee2e6ea535a969eb3f532ad9fe89 タグは理論的にはどこにでも配置できますHTML ドキュメント内にありますが、通常はドキュメントの 93f0f5c25f18dab9d176bd4f6de5d30e タグ内に配置されます

#3. 外部スタイル シート

外部スタイル シートを導入する手順:

  • サフィックス名 .css を持つ新しいスタイル ファイルを作成し、すべての CSS コードをこのファイルに追加します。

  • HTML ページで 9b3737d50531bee70b4389e7b6fabf02 タグインポートファイルを使用します。具体的なインポートコードは次のとおりです:

99a09b9b891c8e41a681dd0cb91cce09
Attribute説明rel現在のドキュメントと他のリンクされたドキュメントの間の関係を定義します。「スタイルシート」とは、次のことを意味します。ドキュメントはスタイル シート ファイルですhref リンクされた外部スタイル シート ファイルの URL を定義します。相対パスまたは絶対パスを使用できます
(学習ビデオ共有:

css ビデオ チュートリアル)

以上がCSSスタイルシートの導入方法にはどのようなものがあるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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