正文開始:
我們在先前提到了許多的html元素，在使用上有些會在同行顯示，稱之為行內元素；有些會在下一行顯示，稱之為區塊元素。
html提供了兩個標籤來將文字和元素組合起來，div為一個將文字和元素組起來的標籤，其為區塊層級；而span為行內層級的組合標籤，使用上除了div標籤會另起一行以外沒有太大的差異。

我們html的介紹到此告一段落，現在開始講解CSS，首先，CSS是什麼呢？
維基百科
層疊樣式表（英語：Cascading Style Sheets，簡寫CSS），又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表，一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。
簡單講，就是拿來裝飾與對HTML排版的工具，我們可以透過內部使用或者是外部引用的方式使用它

style為內部CSS的宣告方式，在其內部的代碼被視為CSS編碼
link為外部css的宣告方式，透過href連結到樣式表當中，而type屬性設定檔案類型為css，rel表明連結檔案與網頁的關係，在此為stylesheet(樣式表)

css的運作方式為:選定需要更改的元素->對其屬性進行更改，而選取元素的方式我們會透過選取器來進行
W3C選取器參考手冊

而選取器遵循三個規則:
後來先贏:若兩個選取器相同後者將會覆蓋前者
權重分數:我們可以簡單的將權重分成四個等級，分別為:
A等:內聯樣式，也就是在標籤中直接輸入style進行修改的行為(權重1000)
B等:ID選取器(權重100)
C等:CLASS選取器、屬性選取器(權重10)
D等:標籤選取器(權重1)
權重總和高者也會覆蓋權重低者，因此在使用上請多加注意
重要宣告:我們可以在任何屬性值後面加上!important來表示其擁有最高優先權
Eg: h1{ font-size: 12pt !important;}

CSS有個很實用的技巧叫做繼承，其意思為當你設定一父標籤的屬性時其設定也會套用在子標籤中，像是當我們指定body的字體為12pt時由於所有元素都會是他的子元素因此字體通通是12pt，我們可以使用這種方式將需要進行相同設定的元素包覆在div當中或是設定相同的class給它們。

今天的課程到此結束，明天會先介紹可以說是CSS最重要的box-model，有關於權重的優先順序建議各位多加嘗試，魔鬼藏在細節中可以說是CSS權重的最佳典範了。