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

青灯夜游
リリース: 2021-06-08 14:33:35
オリジナル
5417 人が閲覧しました

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

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 コードを抽出し、それを