8.3 CSSスタイル

参考リンク：のhttp：//how2j.cn/k/css2/css2-border/249.html

、CSSどのような役割、

CSSが各セルに加え背景色に使用されていない、それは各要素プラスTD bgcolor属性に必要です

すべてのセルに加えて背景色にCSSを使って、あなただけの上部にあるCSSコードを記述する必要があり、すべてのセルは、背景色を持っています

二、CSS的语法

2.1 CSS構文セレクタ{プロパティ：値} {即ちセレクタ属性：値}

2.2ノートスタイルのスタイル：/ *スタイルのコメント* /

第三に、セレクタ

セレクタは、の3種類に分けられる
要素のタグ名を選択し、3.1エレメントセレクタ

< スタイル> 
P { 
  色：赤。
} 
</ スタイル> 
 
< P > P元素</ P > 
< P > P元素</ P > 
< P > P元素</ P >

3.2 IDセレクタは、要素のIDは一意であるべきです。もう一つの要素は、再利用すべきではありません

< スタイル> 
P { 
  色：赤。
} 
＃P1の{ 
  色：青。
} 
＃P2の{ 
  色：緑。
} 
</ スタイル> 
 
< P >のID的にP没有</ P > 
< P ID = "P1" > ID = P1的P </ P > 
< P ID = "P2" > ID = P2的P </ P >

3.3クラスセレクタは、複数の要素は、CSSは、同じ時間を使用する場合、それはクラスセレクタを使用します

< スタイル> 
.PRE { 
  色：青。
} 
.after { 
  色：緑。
} 
</ スタイル> 
 
< p個のクラス= "プレ" >前3个</ P > 
< Pのクラス= "プレ" >前3个</ P > 
< Pのクラス= "プレ" >前3个</ P > 
 
< p個のクラス= "の後に" >P > 
< Pのクラス= "の後に" >后3个</ P > 
< Pのクラス= "の後に" >后3个</ P >

3.4同時にp.blueを選択するために、要素名とクラスに応じながら、

< スタイル> 
 p.blue { 
  色：青。
} 
 </ スタイル> 
 < p個のクラス= "青" >クラス=青的P </ P > 
 < スパンクラス= "青" >クラス=青的スパン</ スパン>

四、共通CSSスタイル

4.1背景

3つの方法で色スタイル：1、所定の色名2、RGB形式-3,16- 16進表現

背景画像：URL（/study/background.jpg）;背景図を表します。

< スタイル> 
p.gray { 背景色：グレー。} 
H1 { 背景色：透明} 
H2 { 背景色：RGB（250,0,255）} 
H3 { 背景色：＃00FF00 } 
< - -背景图！> 
DIV＃テスト
  { 
    背景画像：のURL（ /study/background.jpg）; 
    幅：200pxの。
    高さ：100pxに。
  } 
 </ スタイル> 
 < Pのクラス= "グレー" >グレー</ P > 
< H1の>透明な背景、デフォルトすなわち透明な背景</ のH1 > 
< H2 >パープル</ H2 > 
< H3 >緑色の背景</ H3 > 
< DIV ID = "テスト" > 
  DIVの背景である
。</ DIV >

第五に、ボックスモデル

。ボックス{

幅：70ピクセル;

パディング：5pxの;

マージン：10pxの;

}

青いボックスは、コンテンツである
幅70ピクセルのサイズのコンテンツ表す
赤いフレームがフレームである
境界までの距離との間のコンテンツ、つまり、パディング5pxのの
グレーボックス、ボーダーおよび他の要素、すなわちマージンとの間の距離であります：10pxの

8.3 CSSスタイル

おすすめ