ホームページ > 記事 > ウェブフロントエンド > 外部 CSS を導入する 2 つの方法とその違い_html/css_WEB-ITnose
外部 CSS を導入する 2 つの方法とその違い_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:21:22884ブラウズ
外部 CSS ファイルに関連付けるには、href の代わりに URL を使用し、パスを括弧で囲む必要があります。
<html><head><style type="text/css"> @import url(css/styles.css);</style><!--此处的type属性是针对HTML4.01的，若在HTML5中则不需要加--></head><body>......</body></html
2cdf5bf648cf2f33323966d7f58a7f3f タグを介して導入されます (最も一般的な方法)
<link type="text/css" href="style.css" rel="stylesheet" /><!--同理，type属性是针对HTML4.01的-->
2cdf5bf648cf2f33323966d7f58a7f3f タグは HTML タグであり、@import は CSS によって提供されるメソッドですが、2cdf5bf648cf2f33323966d7f58a7f3f タグは CSS を導入するだけでなく、他のことも行うことができます。 CSS を導入します。 ;
読み込み順序の違い: ページが閲覧されると、リンクによって導入された CSS は同期的に読み込まれますが、@import によって参照される CSS は、他のすべての要素がダウンロードされるまで読み込まれません。互換性: @import は CSS2.1 でのみサポートされているため、それより低いバージョンのブラウザーではこの問題は発生しません
JavaScript を使用して制御する場合。 DOM を使用してスタイルを変更するには、@import は DOM によって制御できないため、2cdf5bf648cf2f33323966d7f58a7f3f タグを使用することしかできません。
//筆記試験や面接で遭遇するかも！ ！ ！
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。