CSSはCSSスタイルの基本的な概念をスタイルシートで

CSSスタイルシートの基本的な考え方

スタイルシートの分類

1、インラインスタイルシート

<Pスタイル= "FINTサイズ:は24px;">内部に直接スタイルする</スタイル>タグ

2、埋め込まれたスタイルシート

<ヘッド>

<スタイルタイプ= "テキスト/ cssの">

ラベル名にP / P *は、あなたがこのにすべてのpタグのスタイルをどうするだろう* /

{

     スタイル}

</スタイル>

</ head>の

3、外部スタイルシート(最も一般的)

スタイルシートを添付 - 新しいCSSファイルを作成し、あなたは、HTML、CSSスタイルシートファイルで呼び出す必要がある、あなたは、htmlファイルに右-cssスタイルをクリックする必要があります。リンクリンク付き

* / *すべてのラベルの間隔を削除し、余白*、

{

     マージン:0PX。

     パディング:0PX。

}


第二に、セレクタ

1、クラスセレクタは、複数を使用することができます

<スタイル>

。メイン

{

     高さ:100pxに。

     幅:100%;

     テキスト整列:センター;

}

</スタイル>

<身体>

<DIVクラス= "メイン"> <div>のクラスのスタイルシートを呼び出します

</ BODY>

</ BODY>

2、IDのみセレクタ回使用することができます

<スタイル>

#A

{

幅:100%;

高さ:100pxに。

backgroun色:赤色固体2ピクセル;}

</スタイル>

<身体>

<DIV ID = "">の<div>

</ BODY>

図3に示すように、複合セレクタ

1)P、両方のスタイルを使用して、タグの2種類が見えるスパン

{

スタイル}

2)スタイルはスタイルタグラベルPに含まれる.main .mainを参照するときpが使用すること.main

<DIVクラス= "メイン"> <P> </ P> </ div>のp個のdivタグのタグ属性

3)p.sp(SELECT)すべてのpの中に "クラスは=" SP「このスタイルタグを実行するには、

<Pクラス= "SP"> <P>ラベルのこの使用

<P> </ P>ラベルに使用されていません

おすすめ

転載: www.cnblogs.com/look-up-at-the-starlit-sky/p/11184079.html