CSS+DIV網頁樣式與佈局從入門到精通

前面這兩本書感覺都有些基礎，沒有多少新知識，就當鞏固一下基礎，查漏補缺。

• CSS選擇器：
  
  1. 標籤選擇器
  2. 類選擇器
  3. 僞類和僞對象選擇器
  4. 子選擇器
  5. 相鄰選擇器
  6. 屬性選擇器：
     
     • 匹配屬性名[class]，img[alt]
     • 匹配屬性值div[id][title="ok"]
     • 前綴匹配[class^="my"]
     • 後綴匹配[class$="test"]
     • 模糊匹配[class*="es"]
  7. 通用選擇器
  8. 包含選擇器
  9. 分組選擇器
  10. 指定選擇器
• margin和padding的順序是從top開始順時針
• text-align是塊級屬性
• form表單中的<label>標籤，可以用for屬性綁定到控件id上，點擊label相當於點擊綁定的控件
• 定義文本框寬度時，建議使用em作爲單位，這樣能夠準確計算一行中所能接納的字符數
• position屬性：
  
  1. absolute：脫離文檔流動，根據具有定位功能的父元素的左上角爲原點定位
  2. relative：文檔流動中當前位置進行定位
• 父元素不浮動，子元素浮動，父元素未能撐開，可在父元素末尾加div，設置clear爲both
• 塊狀元素上下外邊距會發生重疊，浮動元素外邊距不重疊
• 除了根元素html，只有定位元素的z-index被定義爲一個非auto的z-index層疊值才能產生新的層疊包含框
• 外部相對定位，內部絕對定位（設計原則）
• 觸發IE瀏覽器的Layout特性：設置zoom：1
• text-indent文字縮進，設爲-9999px可以實現隱藏文字
• document.getElementById("").className=
• document.getElementById("").style.cssFloat=