a. 選擇符 (Selector，也稱為選擇器) (純理論)：分為
1.通用： *.warninr = .warning 或 *#myid = #myid 等
2.類型 (class)：可自訂類別，用.來代表class
3.屬性：例如 h1、span
4.ID：用 #來代表ID
5.偽類 (Pseudo-classes)：是添加到選擇器的關鍵字，用於指定所選元素的特殊狀態。 例如，當用戶的指針懸停在按鈕上時，懸停可用於更改按鈕的顏色。
a. There are 5 kinds of Selector
1.General： *.warninr = .warning or *#myid = #myid
2.class：use . to represent class
3.attribute：for example: h1、span
4.ID：use # to represent ID
5.Pseudo-classes：is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user's pointer hovers over it.
2. BOX
a. margin：邊線往外的空白，預設為0，但 body 預設不為零。
b. border：邊線。
c. padding：邊線往內到內容(content)之間的空白。預設為0。
d. content：內容。
e. 建立可延伸的背景圖：切3個div，然後附上背景圖。
1. div_bg_top
2. div_bg_center (重複背景圖)
3. div_br_bottom
3. block-level & inline-level BOX
a. block-level：例如 P 和 div 都是 塊級BOX的元素
b. inline-level：例如 b 和 span 都是 行內級BOX的元素
a. block-level： <P> and <div> are block-level BOX elements
b. inline-level：<b> and <span> are inline-level BOX elements
No comments:
Post a Comment