Stupid

一、文字標記

.backgroundcolor{
 background-color:yellow;
 color:red;}

<span class="backgroundcolor">要套用的字</span>

二、背景圖設定 body{}

1.background-image:url("XXX.jpg")

2.background-repeat:repeat-y

3.background-position

 (1)第一個預設top left，第二個預設center

 (2)
 top,center,bottom(↓)
 left,center,right(→)

 (3)x% y%也可以用px

4.background-attachment

 (1)scroll:會捲動
 (2)fixed:不捲動

三、超連結設定

1.pseudo-class

(1)優先順序：由上而下
link：原本
visited：點過後
hover：滑鼠經過
active：剛按下去時

(2)example 可混合使用
a.name:link{color:}
a.name:visited{font-weight:}
a.name:hover{font-size:}
a.name:link{font-family:}

2.超連結圖片

(1)去框線
img{border:0;}
<a href="#"><img src="XXX.gif"></a>

(2)直行排列(全部換行)
a{display:block;}

(3)加間距
a{padding:1em;}

3.取消文字底線

→text-decoration

none：沒有線
underline：下底線
overline：上底線
line-through：刪除線

四、架構

第一層：html(最底層)
第二層：body
第三層：container
第四層：banner,linkleft-mid-linkright,footer(最頂層)