ホームページ > 記事 > ウェブフロントエンド > CSSの4つの書き方を簡単に説明します。
CSSの4つの書き方を簡単に説明します。
- 巴扎黑オリジナル
- 2017-03-14 11:55:052599ブラウズ
優先度: 外部スタイル < 内部スタイル シート < インライン スタイル シート; つまり、同じ名前のセレクターの右側が内部スタイル シートをオーバーライドします。
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>2. ドキュメント内で外部リソースの使用を宣言するには、リンク タグを使用します。これが最も一般的な方法です。
CSS外部スタイルシートのエンコーディングを指定する @CHAR
SET
="utf-8"; を先頭行に配置する必要があります。
<head>
<link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>
</head>3.@メソッドでCSSを導入します。これは非同期でロードされ、HTML全体がロードされた後にロードされるため、ページがちらつく原因となることに注意してください。お勧めしません。
<head>
<style>
@import 'my-common.css';
</style>
</head>
4. インライン スタイル シートは優先度が最も高く、最も簡単ですが、再利用できず、メンテナンスも簡単ではありません。
<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>以上、エディターがお届けするCSSの4つの書き方（必読記事）の全内容です、スクリプトハウスをよろしくお願いします〜
。
-->
以上がCSSの4つの書き方を簡単に説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでのremユニットの紹介次の記事：CSSでのremユニットの紹介