(單元11-20)使用 HTML、CSS 開發一個網站 筆記

單元18：CSS Reset，讓所有瀏覽器都長得一致

在沒有任何設定的情況下，CSS有一套原始的預設值。若想刪除預設格式，可至CSS Tools: Reset CSS - Meyerweb網站，將第一頁的程式碼丟到空白的CSS頁面將格式歸零。
說明：將網站的邊界值歸零（Chrome的原設定為8px）

單元19：行內元素&區塊元素的差異
每一個標籤的顯示方式皆有屬於自己的預設值，
例如，標題、列表的預設值皆為block，段落的預設值則為inline。

a{display:block;}

說明：以區塊樣式呈現指定連結（指定文字佔滿整排行距，進而使得文字內容自動斷行）

a{display:inline;}

說明：以並排樣式呈現指定連結（指定文字於行內並排顯示，直到佔滿行距才會自動換行）

單元20：DIV 與 SPAN 的使用時機、CSS 後代選擇器

<div></div>
說明：div為division的縮寫(可以翻譯為一個區塊或全域的意思)，其樣式的原始值為區塊元素。使用上能以div將標題(h)及段落(p)包起來，做區塊性的樣式調整。
例如

若想針對內容標題做調整，可以這樣寫（此語法稱為後代選擇器）
.style2 h2{color:blue;}

<span></span>
說明：span為一段距離的意思，其原始值為行內元素。

若想針對段落內的特定文字做樣式修改，可以這樣寫
.style2 p span{color:red;font-size:32px;}
說明：在style2當中，被span包起來的文字內容，以紅色及32px字體大小作呈現。