ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML内でCSSを参照する方法
HTML内でCSSを参照する方法
- 藏色散人オリジナル
- 2021-04-28 10:43:4916834ブラウズ
HTML で CSS を参照する方法: 1. インライン スタイル、「f02c9131b3fdffdb2d7d89776890f28d」などのコードを通じて CSS を参照します。 2. 内部スタイル シート、次のようなコードを通じて CSS を参照します。 as " 080b747a20f9163200dd0a7d304ba388..531ac245ce3e4fe3d50054a55f265927"; 3. 外部スタイル シートを介して CSS を参照します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター。
HTML で CSS を参照する 3 つの方法
CSS は HTML 4 で初めて使用され、HTML 要素をより適切に表示するために導入されました。
CSS の導入1-インライン、2-内部スタイル シート、3-外部スタイル シートの 3 つの方法で HTML に変換します。
インライン スタイル:
<body style="background-color: gray">
タグ内 style=" "
内部スタイル テーブル:
<style type="text/css">
p {color:red;} <!--内部样式表-->
</style>style タグを使用し、CSS で制御する属性をタグ内に配置します。
外部スタイル シート:
<link rel="stylesheet" type="text/css" href="mystyle.css">
head タグ内で、link タグを使用して読み込む CSS ファイルを導入します
これら 3 つの表現方法を使用して背景を制御すると、偶然発見しました。 color 属性を同時に指定した場合、インライン スタイルのタグ内のプロパティのみが有効になります。
インライン タグは背景色をグレーに設定し、内部スタイル シートは赤に設定し、外部スタイル シートは設定しません。 htmlの背景色は灰色です。
インラインタグの背景色はグレー、外部スタイルシートは黄色、内部スタイルシートは設定されていません。 htmlの背景色は灰色です。
内部スタイルシートは赤色、外部スタイルシートは黄色に設定されています。 htmlの背景色は黄色です。
結論: インライン>外部スタイルシート>内部スタイルシート
ラベルに近い属性が最初に反映されることがわかります。
HTML/CSS の詳細については、HTML ビデオ チュートリアル 列をご覧ください。
以上がHTML内でCSSを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。