css 3基礎知識第一章文法
1456 ワード
CSS積層スタイルシート(Cascading Style Sheets)
CSSルールは、セレクタ、宣言の2つの主要な部分で構成されています.
選択:
タブ選択:
ダイレクトラベル
クラスセレクタ:
.(ラベルはclassで修飾される)
IDセレクタ:
#(ラベルはidで修飾され、idは1つしか存在しない)
サブセレクタ:
以前は>、現在はスペースで区切られています.class#idラベル
汎用セレクタ:
ラベルセレクタやクラスセレクタなどは共通です
擬似クラスセレクタ:
a:hover{}(
レスポンスイベントをマウスでスライド)
グループ選択:
で区切る如.class,#id,ラベル{}
宣言:
CSSコメント:
/*コメントの内容*/
CSSスタイル:
優先度比較行スタイル>インラインスタイル>インラインスタイル
同じセレクタスタイルの後者は前者を上書きします.
行のスタイル:
linkで:
用html:(私は使ったことがありません)
スタイルの継承、積層、重要性:
継承:
pのスタイルのみがredと定義されている場合.spanは定義されていません.ではspanはpを継承します.red
≪カスケード|Cascade|oem_src≫:同じウェイトの場合、後に前が上書きされます.
重要性:セミコロンの前に追加!important;例えばp{color:red!important;}
特殊性:ウェイト;ラベルは1、クラスセレクタ10、IDセレクタ100である.重ねてもいい
一绪に勉强して、一绪に成长して、もし问题があれば伝言を残して、私は直ちに変更します
CSSルールは、セレクタ、宣言の2つの主要な部分で構成されています.
選択:
タブ選択:
ダイレクトラベル
クラスセレクタ:
.(ラベルはclassで修飾される)
IDセレクタ:
#(ラベルはidで修飾され、idは1つしか存在しない)
サブセレクタ:
以前は>、現在はスペースで区切られています.class#idラベル
汎用セレクタ:
ラベルセレクタやクラスセレクタなどは共通です
擬似クラスセレクタ:
a:hover{}(
レスポンスイベントをマウスでスライド)
グループ選択:
で区切る如.class,#id,ラベル{}
宣言:
body {
color: #000;
background: #fff;
font-family: " ";
}
CSSコメント:
/*コメントの内容*/
CSSスタイル:
優先度比較行スタイル>インラインスタイル>インラインスタイル
同じセレクタスタイルの後者は前者を上書きします.
行のスタイル:
<div style="color:red;font-size:12px;"></div>
インラインスタイル:<style type="text/css">
body{width:985px;height:260px;background:#FFCC66;}
</style>
外注スタイル:linkで:
<link rel=”stylesheet” type=”text/css” href=”my.css”>
用html:(私は使ったことがありません)
<style type="text/css">@import url("css.css");></style>
スタイルの継承、積層、重要性:
継承:
aabbbaaa
pのスタイルのみがredと定義されている場合.spanは定義されていません.ではspanはpを継承します.red
≪カスケード|Cascade|oem_src≫:同じウェイトの場合、後に前が上書きされます.
重要性:セミコロンの前に追加!important;例えばp{color:red!important;}
特殊性:ウェイト;ラベルは1、クラスセレクタ10、IDセレクタ100である.重ねてもいい
一绪に勉强して、一绪に成长して、もし问题があれば伝言を残して、私は直ちに変更します