CSS スタイルシートを Web ページに追加する 4 つの方法-CSSチュートリアル-php.cn

CSS スタイルシートを Web ページに追加する 4 つの方法

不言

リリース： 2018-05-07 17:59:55

オリジナル

3861 人が閲覧しました

CSS スタイルシートを Web ページに追加する 4 つの方法。ニーズに応じて好きな方法を選択できます。

1. STYLE 属性を使用する: STYLE 属性を個々のコンポーネントタグに直接追加します。
<コンポーネント(ラベル) STYLE="プロパティ(property)1:設定値1; プロパティ(Property)2:設定値2; ...}
例:
この使用法の利点は、各タグに柔軟にスタイルを適用できることですが、欠点はドキュメント全体ではないことです。。団結'。

2. STYLE タグを使用します: にスタイルルールを記述します。

コードをコピーします

コードは次のとおりです:

<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>

ログイン後にコピー

通常、構造全体は < ;HEAD> Web ページセクション。この使用法の利点は、宣言されたコンポーネントがある限り、スタイルルールが適用されることです。欠点は、個々のコンポーネントに柔軟性がないことです。

3. LINK タグを使用する: .css スタイルファイルにスタイルルールを記述し、タグを使用してそれを導入します。スタイルルールを example.css ファイルとして保存すると、適用するには
を Web ページに追加するだけです。 it スタイルファイルで指定されたスタイル。 LINK タグは通常、Web ページの

セクションに記述されます。この使用法の利点は、同じスタイルルールが適用される複数のドキュメントを同じスタイルファイルに割り当てることができることです。欠点は、個々のファイルやコンポーネントに柔軟性がないことです。

4. @import を使用して導入します。これは LINK の使用法と非常に似ていますが、に配置する必要があります。

コードをコピーしますコードは次のとおりです:

<STYLE TYPE="text/css"> 
<!-- 
@import url(引入的样式表的位址、路径与档名); 
--> 
</STYLE>

ログイン後にコピー

例:

<STYLE TYPE="text/css"> 
<!-- 
@import url(http://yourweb/ example.css); 
--> 
</STYLE>

ログイン後にコピー

行末のセミコロンは絶対に必須であることに注意してください。このようにして、

@import url(http://yourweb/example.css);

を他のスタイルに追加して呼び出すこともできます。

以上がCSS スタイルシートを Web ページに追加する 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。