【2】CSS
CSS
Cassading Style Sheet、スタイルシートを積層します.主な機能は、コンテンツとスタイルの分離を実現することである.
一、導入
1.行内スタイル
<span style="propName:propValue"></span>2.内部スタイル
<head>
<style type="text/css">
css body
</style>
</head>3.外部スタイル
<link type="text/css" rel="stylesheet" href="xx.css">二、セレクタ
1.ラベルセレクタ
タグはhtmlタグ
{
propName:propValue;
}2.クラスセレクタ
クラス名ラベルのclassプロパティによる導入
. {
propName:propValue;
}3.idセレクタ
idはラベルのid属性によって導入される(ラベル間のidは重くない)
#id{
propName:propValue;
}4.アドバンスドセレクタ
4.1擬似クラスセレクタ
a:link{}
a:visited{}
a:hover{}
a:active{}
4.2セレクタグループ
E1,E2,E3
E1,E2,E3{sRules}
4.3サブオブジェクトセレクタ
E2 E1
E1>E2{sRules}
4.4セレクタを含む
E1 E2
E1 E2{sRules}
4.5ワイルドカードセレクタ
*{sRules}
三、スタイルの上書き
行内スタイルのオーバーライド-->idセレクタのオーバーライド-->クラスセレクタのオーバーライド-->ラベルセレクタ
四、箱模型
デフォルトbodyは上下の8 pxの外距離があります