ホームページ >ウェブフロントエンド >CSSチュートリアル >ページ内で CSS を参照する方法は何通りありますか?

ページ内で CSS を参照する方法は何通りありますか?

云罗郡主
云罗郡主転載
2018-11-23 16:02:353550ブラウズ


この記事の内容は、ページ上で CSS を参照するためのいくつかの方法に関するものです。参考にしていただければ幸いです。役に立つでしょう。

優先順位: 外部スタイル < 内部スタイル シート <

優先順位: 同じ名前のセレクターの右側が左側を上書きします。

1. 内部スタイル シート

<head>
<style>
/*内部样式表,一般用于覆盖公用样式*/
#headTip {
color: 0xff5;
}
</style>
</head>

2. ドキュメント内で外部リソースの使用を宣言するには、リンク タグを使用します。これは最も一般的な方法です。 CSS 外部スタイル シートのエンコーディングを指定する

@CHARSET="utf-8"; を最初の行に配置する必要があります。

<head>
<link href="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/>
</head>

3.@ メソッド、CSS を導入します。これは HTML 全体が読み込まれた後に読み込まれるため、ページがちらつくことに注意してください。お勧めしません。

<head>
<style>
@import &#39;my-common.css&#39;;
</style>
</head>

4. インライン スタイル シートは優先度が最も高く、最も簡単ですが、再利用できず、メンテナンスも簡単ではありません。

<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>

上記は、ページ内で CSS を参照するいくつかの方法の完全な紹介です。

CSS3 チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。



以上がページ内で CSS を参照する方法は何通りありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はdivcss8.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。