鐵人檔案
CSS是什麼? 階層樣式表(全名：Cascading Style Sheets) 幫結構化文件(HTML/XML)添加樣式 CSS專注於樣式的設定，HTML專...
基本選擇器 Class selectors 類別選擇器 開頭為「.」，後面加上類別名稱。 舉例：HTML <div class="text&...
群組選擇器 E, F，將E、F形成群組，也可以群組多個元素。 舉例：HTML <h4>開心是重要的!</h4> <div>...
Pseudo-classes 偽類別選擇器 語法： selector:pseudo-class { property: value; } 連結偽類 :...
結構性偽類 :root-根元素，也就是HTML元素。E:first-child-找出所有E，套用樣式在第一個元素。 舉例：HTML <div clas...
Pseudo-elements偽元素選取器 語法： selector::pseudo-element { property: value; } ::fir...
CSS階層 在使用CSS時，可能會出現兩個規則同時套用在一個元素上的問題，關於規則的先後順序，以下加以說明。 權重：!important > inli...
CSS繼承 CSS是讓HTML的元素套用樣式並顯示在網頁上，所以繼承的原理是立足於HTML的架構之上。 舉例：HTML <p><b>今天...
font文字屬性 font-size-設定文字大小，屬性值為數字+單位。font-weight-設定文字粗細，屬性值normal為正常粗細的字體、bold為粗體...
Box Model 盒模型 定義： Box Model主要由四個部分組成，由內而外分別是Content(內容)、Padding(內邊距 )、Border(邊框)...
