CSSを使用してください

CSSスタイルを紹介する4つの方法があります。

　　1.インラインスタイルを（インラインスタイル）

　　2.内部スタイルシート（埋め込みスタイル）

　　3.外部スタイル（リンクリンク）

　　式の導入4。

まず、インラインスタイル（インライン）

< P スタイル= "色：赤;" > CSSの使用</ P >

第二に、内部スタイルシート（埋め込みスタイル）

　　ラベル上のCSSスタイルコンテンツ、headタグでしばらくスタイルタグ。

< ヘッド> 
    < スタイルタイプ= "テキスト/ CSS" > 
        P { 色：青。} 
    </ スタイル> 
</ ヘッド> 

< 身体> 
    < P > CSS使用方法</ P > 
</ ボディ>

　　いくつかのブラウザのバージョンは、<スタイル>タグを解決することはできませんが低すぎる、ページ内のCSSスタイルの内容を表示することが可能となります。あなたは、開発中で、次の文言を使用することができます

< ヘッド> 
    < スタイルタイプ= "テキスト/ cssの" > 
       <！ - P { 色：青; } - >
     </ スタイル> 
</ ヘッド>

　　ブラウザは<スタイル>タグが解決しない場合は、P {色：青;}無視し、それをプリントアウトしていないの<style>タグの場合、それは解決することができ、それは通常となります。

第三に、外部スタイルシート（リンクリンク）

　　サフィックスCSSファイルの内容のCSSスタイルは、その後、CSSファイル内のHTMLファイルにリンクタグを使用するには、htmlファイルをリンクします。

　　headタグ内のリンクタグは、リンクタグには3つの属性があり、

　　　　href = "CSSファイルのパス"

　　　　rel =「スタイルシートは、」リンクされたドキュメントは、スタイルシートで表し、

　　　　tyle = "テキスト/ cssの"

　　css.cssファイル

P { 
    色：青。
}

　　css_test.htmlファイル

< ヘッド> 
    < リンクのhref = "css.css" のrel = "スタイルシート" タイプ= "テキスト/ cssの" /> 
</ ヘッド> 
< 身体> 
    < P > CSS使用方法</ P > 
</ ボディ>

第四に、リードインタイプ

　　それでも、外部CSSファイルを使用しますが、リンクタグなしで、しかしスタイルタグのインポートの使用。

　　css_test.htmlファイル

< ヘッド> 
    < スタイルタイプ= "テキスト/ CSS" > 
        @import "css.css"          / * 両方のいずれかを選択* / 
        @importのURL（css.cssを）;     / * の両方が選択1 * / 

    < / スタイル> 
</ ヘッド> 
< 身体> 
    < P >使用CSS方法</ P > 
</ ボディ>

第五に、4の比較を使用します

　　そして、外部スタイル式の効果の使用を導入することは同じですが、ロードで異なります。ページが遅い場合、プレイhtmlファイルを読んだ後にページがロードされ、負荷CSSスタイル、インポートスタイルのリロードをロードする外部スタイルは、その後、unstyledも後者が起こります。

おすすめ