簡單的帶妳進入blogger CSS 和HTML

1、段行HTML
我把教學網找出來，特別指到那一頁
由於網站教學已經寫的很清楚了，所以我就不多寫
而且這個教學網站最下面都會有一個語法測試區唷
段行語法＜br＞ & ＜p＞

2、字體大小
字體大小語法

3、字的變化 ( 如顏色、字型 )
這部份我希望大家多重視在 顏色 這部份 → 字的變化

以下是顏色語法的網站
‧阿盛色碼網

‧原色大辭典
　↑這裡有比較淡一點的顏色

4、超連結
(1) 開啟原始頁面 ( 就是不開新網頁 )
＜a href="網址"＞網頁名稱＜/a＞

(2) 開啟另一頁面
＜a href="網址"target="_blank"＞網頁名稱＜/a＞

以上為HTML 的部份

接下來要進入到CSS 的部份

(A) BACKGROUND : #FF3300 或 Background-color: #FF3300

大家如果看到「Background」or「Background-color」
通常後面接的CSS 語法都是指背景色的語法
這個時候，什麼都不要動，只要修改「#」後面的英文+數字
如‧‧FF3300 是紅色，我想改成綠色，那就把FF3300 改成669900

顏色的語法是由英文+數字合起來的，總共6個數字

(B) CSS 全文裡面被我用 灰底色 圈起來的CSS

我拿兩個過來舉例：
A.acalendar {COLOR: #0066CC; TEXT-DECORATION: underline}
A.acalendar:link {COLOR: #0066CC; TEXT-DECORATION: underline}
A.acalendar:visited {TEXT-DECORATION: underline;color: #0066CC;}
A.acalendar:active {}
A.acalendar:hover {COLOR: #003399; TEXT-DECORATION: none}

A.acontinues {COLOR: #8EC63F; TEXT-DECORATION: underline}
A.acontinues:link {COLOR: #8EC63F; TEXT-DECORATION: underline}
A.acontinues:visited {TEXT-DECORATION: underline}
A.acontinues:active {}
A.acontinues:hover {COLOR: #709F2F; TEXT-DECORATION: none}

有沒有發現這兩個CSS 有哪裡相同嗎？
仔細看，會發現其實它們各自為同一個區塊的CSS
也就是說，如果想要改顏色，就要把那些改成同一種顏色
再看看，會發現最後一列的CSS 語法顏色色碼會跟上面幾個不同
這是因為，HOVER 的顏色是指當滑鼠移到那個字上面會顯示的顏色
如果不想要有變化，那就把最後一列的色碼改成跟上面的色碼一樣就行了

有沒有發現有的時候「visited」裡面並不會有色碼出現
在這裡，我建議大家最好還是自行給它補上
至於要怎麼補，就照著其他語法的排列方式給它補上就行了 ^^"

再來，藍 色字的地方就是他們相同的地方
看完這兩個CSS 的比較，再回到CSS 全文看看其他一樣被我用 灰底色 圈起來的區塊，仔細看看，就會發現 藍 色字的部份完全都是重複的，而 紅 色字的部份呢？那個就是在修改字體顏色的字碼

(C) BORDER-BOTTOM : 1PX #BBB SOLID
「border」是指邊框樣式
接下來我針對幾個跟「border」有關的CSS 語法解說

(1) border:3px double #FFCC66
3px → 指的是線的粗細，數字越大，線體越粗
double → 雙線的意思，意思就是指雙線框 → 範例
#FFCC66 → 線體色碼，把「#」後面的色碼改成自己想要的

(2) border-top: 1px dashed #fff0f5
border 後面接「top」指的是線體是在上方
top 上；bottom 下；right 右；left 左

dashed → 是虛線；solid → 是實線 ( 就是直直的一條線 )

(D) FONT-WEIGHT : BOLD
「Font-weight」是指字體的粗細

bold → 粗體字；normal → 細體字

(E) FONT-SIZE : 12PT
「Font-size」是指字體的大小
數字越大，字體就越大，一般都是訂在12 px

(F) FONT-FAMILY : TAHOMA, VERDANA
「Font-family」是指字型
想更改字體的字型就是在這裡改
不過我不提供字型唷！麻煩大家自行上網查 ^^"

(G) padding:10px
「padding」是指邊框離文字上下左右的距離，一般訂為10 px 差不多吧