CSS スタイルシートと複数のスタイルの優先順位の概要-CSSチュートリアル-php.cn

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

王林

リリース： 2020-05-30 16:11:25

オリジナル

2771 人が閲覧しました

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 ビデオチュートリアル)

内部スタイルシート

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

php 8、私も来ます