上一章簡單的提了一下CSS，這章開始則是一些最簡單基本的語法。
那我們就從顏色與字型開始吧。

顏色

對任何標籤使用color語法，改變他們的顏色。

nav a{
    color:#3A3A3A;
}

color 後面可以直接打顏色的名字，除了基本的red、blue、black，coral、darkslategrey 之類的特別的名字也可以喔，在輸入color 之後會跳出可以選擇的列表。

除了打出顏色名字也能使用色碼 #000000、rgb(255,255,255)、rgba (255,255,255,0.8) 、hsl(100%,100%,100%) 以及hsla(100%,100%,100%,0.8)，其中rgba 跟hsla 能調整顏色透明度。

其他跟顏色有關的語法：

• background-color：改變背景色。
• border-color：改變邊框顏色。

字型

使用font-family 語法改變字型，它會跳出電腦裡有的字型給你選，但使用電腦字型，容易對方沒有那個字型就會缺字，或是要在資料夾裡包含字型檔，整個很佔空間。
所以想要美美的字型，也要能清楚顯示，就可以使用Google Font！
Google Font 是Google推出的web font服務，擁有超多字型與多種字重，還免費使用。只要選擇想要的字型與字重，再將Google Font生成的程式碼貼進html 或CSS 檔案之中就可以使用了。

已經推薦了兩個線上的服務，都需要有連上網才能使用，但使用者能看到你的網頁一定有連上網，所以，這是個相當方便且節省空間的方法。

下一章 Margin Border Padding

※本文章所使用之圖片皆為本人作品，內容則為本人之經驗分享