CSS スタイル シートと複数のスタイルの優先順位の概要

王林
リリース: 2020-05-30 16:11:25
オリジナル
2861 人が閲覧しました

CSS スタイル シートと複数のスタイルの優先順位の概要

スタイル シートを挿入するには、次の 3 つの方法があります:

1. 外部スタイル シート;

2. 内部スタイル シート;

3. インライン スタイル

外部スタイル シート

外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。 。各ページは、 タグを使用してスタイル シートにリンクします。 (ドキュメントの) head 内の タグ:

例は次のとおりです:

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
ログイン後にコピー

ブラウザはファイル mystyle.css からスタイル宣言を読み取り、ドキュメントをフォーマットしますそれによると。

外部スタイル シートは、任意のテキスト エディタで編集できます。ファイルには HTML タグを含めることはできません。スタイル シートは .css 拡張子を付けて保存する必要があります。スタイル シート ファイルの例を次に示します:

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
ログイン後にコピー

注: 属性値と単位の間にスペースを入れないでください (「margin-left: 20 px」など)。正しい書き方は「 margin-left: 20px」です。

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

内部スタイル シート

単一のドキュメントが必要な場合特別なスタイルを設定するときは、内部スタイル シートを使用する必要があります。