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=