ホームページ > 記事 > ウェブフロントエンド > CSS スタイルシートを Web ページに追加する 4 つの方法
CSS スタイルシートを Web ページに追加する 4 つの方法。ニーズに応じて好きな方法を選択できます。
1. STYLE 属性を使用する: STYLE 属性を個々のコンポーネント タグに直接追加します。
c7ca1a00cad0a3b37ad03c7efb5cdd53 この使用法の利点は、各タグに柔軟にスタイルを適用できることですが、欠点はドキュメント全体ではないことです。 。 団結'。
2. STYLE タグを使用します: 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 にスタイル ルールを記述します。
コードをコピーします
コードは次のとおりです:<STYLE TYPE="text/css"> <!-- 样式规则表 --> </STYLE>例:
<STYLE TYPE="text/css"> <!-- BODY { color: BLUE; background: #FFFFCC; font-size: 9pt} TD, P { COLOR: GREEN; font-size: 9pt} --> </STYLE>通常、812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 構造全体は 421fd5ef7c7fd9cfc3602a8610931fbe Web ページ セクション。この使用法の利点は、宣言されたコンポーネントがある限り、スタイル ルールが適用されることです。欠点は、個々のコンポーネントに柔軟性がないことです。
3. LINK タグを使用する: .css スタイル ファイルにスタイル ルールを記述し、3e76e57fc5dd9b761bdd2082385f4936 タグを使用してそれを導入します。 スタイル ルールを example.css ファイルとして保存すると、適用するには
da30ee2ff660345f2e6be2e81e7cc4e3 を Web ページに追加するだけです。 it スタイル ファイルで指定されたスタイル。 LINK タグは通常、Web ページの 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 セクションに記述されます。この使用法の利点は、同じスタイル ルールが適用される複数のドキュメントを同じスタイル ファイルに割り当てることができることです。欠点は、個々のファイルやコンポーネントに柔軟性がないことです。
4. @import を使用して導入します。これは LINK の使用法と非常に似ていますが、812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 に配置する必要があります。
コードをコピーします コードは次のとおりです:
<STYLE TYPE="text/css"> <!-- @import url(引入的样式表的位址、路径与档名); --> </STYLE>
例:
<STYLE TYPE="text/css"> <!-- @import url(http://yourweb/ example.css); --> </STYLE>
を他のスタイルに追加して呼び出すこともできます。
以上がCSS スタイルシートを Web ページに追加する 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。