CSSセレクタ、フォント/テキスト、背景

CSSの基本使用

ラベルに直接書く

styleラベルに

と書く

は外部を用いる.cssファイル

@import(この方法は推奨されません)

link

CSSセレクタ

優先度:idセレクタ>classセレクタ>ラベルセレクタ

ラベルセレクタ:ラベル名{}

classセレクタ("."符号):.class名{}

idセレクタ("#"シンボル、idセレクタ一意):id名{}

グループセレクタ(','カンマ区切り):

グループセレクタは、複数のラベル

を同時に選択することができる.

p,div{...}

階層セレクタ

子(記号">"):div>p{...}

子孫(スペース):div p{...}

隣接(符号"+"):#p_id~span {...}

兄弟("~"):#p_id~p {...}

擬似クラスセレクタ(シンボル":")

link:アクセスされていないスタイル

a:link {...}

visited:アクセス後のスタイル

a:visited {...}

hover:描画されたスタイル

a:hover {...}

active:アクティブなスタイル

a:active {...}

フォント

フォント:font-family

フォントサイズ:font-size

フォントスタイル:font-style

フォントの太さ:font-weight

フォント大文字:font-variant(小文字を小文字に変更する大文字)

複合スタイル:font(デフォルト順序:style variant weight size/height family)

テキスト

整列方式:text-align

最初の行のインデント:text-indent

テキスト線:text-decoration

ピッチ:letter-spacing

ピッチ:word-spacing

行高さ:line-height

背景

背景色:background-color

背景画像:background-image

背景舗装:background-repeat

バックグラウンドサイズ:background-size

背景位置決め:background-position

複合スタイル:background

backgroud:red url("") no-repeat center;

一般的なスタイル

1. font-family:  ，eg: Microsoft-Yahei
2. font-size/color:  /  
3. font-weight:bold   
4. font-style:italic   
5. text-decoration:underline    
6. text-decoration:line-through    
7. text-indent:2em      2   
8. line-height:1.5em    : 1.5     
9. letter-spacing:50px    ，    
10.word-spacing:50px        
11.text-align:center/left/right   /  /  
12.color：rgb(255,255,255);    0-255  ，     
13.backgroud-image:url("1.png");    
14.backgroud-repeat:repeat-y/repeat-x/no-repeat;     / /  
15.backgroud-position:right center/center center;         
16.      : backgroud: red url("1.png") no-repeat center;
17.border:solid 1px red;    
18.ul, ol{list-style: 。。。。}    
19.display:block/inline/none;        /