HTML可以說是一個網頁的基礎骨幹，
但要讓網頁美觀與呈現出設計者的畫面，
就必須要倚賴CSS語法。
什麼是CSS?
CSS是用來製作網頁樣式的一種語法，換句話說，
只要關於顯示在網頁上的樣式、背景、文字、排版等等，都是使用CSS語法去控制寫成。
學習CSS最重要的是要了解撰寫規則，並靈活運用CSS的多種屬性來達到想要在網頁呈現出來的效果。
我們可以想像在每個HTML元素中的內容都視為一個框，而CSS可以製作並控制個別的框以及框的內容，
將想要呈現的畫面顯示在網頁中。
CSS的使用方式是將CSS語法與HTML標籤連結起來，
這些規則包含了選取器和宣告
例子如下:
p{
font-family: Arial;
color: blue;
}
上方的p就是選取器，
也就是HTML中的<p>標籤，
大括號內則是宣告的CSS語法，
以上面程式碼為例,
這個程式碼告訴瀏覽器,
在此網頁中的<p>標籤內的文字字體為Arial，
顏色為藍色。
下方為使用外部CSS的範例
<link>這個標籤放在<head>標籤之中，會用來放置CSS的外部檔案位置，而裡面會有以下3種屬性:
href:這個屬性指定css檔的路徑，通常會建立一個css或styles資料夾，將css檔放在裡面。
type:這個屬性用來設定要連結的檔案類型，我們現在是用來連結css檔，所以他的值為text/css。
rel:這個屬性表示HTML與連結到的檔案關係，在連結CSS檔時的值為stylesheet。
也可以直接將CSS加到HTML頁面中，作法如下圖
<style>標籤會再加上type屬性來表示為CSS，這時type的值為text/css。
通常會使用外部CSS來呈現，因為如果為超過一頁的網站，這樣可以使所有頁面指定同個CSS檔案，而不需要重複寫在各個HTML中。
也可以將內容與外觀分開，只要修改CSS檔，就可以改變所有網頁上的樣式，不用再一個一個做修改。
iThome鐵人賽
看影片追技術