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

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

云罗郡主
リリース: 2018-11-23 16:05:40
転載
3523 人が閲覧しました


この記事の内容は、ページ上で 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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート