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