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>ラベルに使用されていません