1. 选择器
  2. 盒模型
  3. 背景和边框
  4. 文字特效
  5. 2D/3D转换
  6. 动画
  7. 多列布局
  8. 用户界面

css3选择器

  1. .class
  2. #id
  3. *所有元素
  4. p 所有p元素
  5. div，p所有div和p元素
  6. div pdiv下所有p元素
  7. div>p父元素为div的所有p元素
  8. div+pdiv的下一个兄弟p元素
  9. div~pdiv后的所有兄弟p元素
  10. [target]选择带有 target 属性所有元素
  11. [target=_blank]选择 target=”_blank” 的所有元素
  12. [title*=flower] 选择 title 属性包含单词 “flower” 的所有元素。
    （class=”flower red”）
    （title= ”flower red”）
  13. a[src^=”https”]选择其 src 属性值以 “https” 开头的每个 <a> 元素。
  14. a[src$=”.pdf”]选择其 src 属性以 “.pdf” 结尾的所有 <a>元素
  15. p:first-child选择属于父元素的第一个子元素<p> 元素。
  16. p:first-of-type选择属于其父元素的首个 <p> 元素。
  17. p:last-of-type选择属于其父元素的最后 一个子元素<p> 元素。
  18. p:only-of-type选择属于其父元素唯一的 <p> 元素。
  19. p:only-child选择属于其父元素的唯一子元素<p> 元素。
  20. p:nth-child(2n+1)选择属于其父元素的第奇数个子元素<p> 元素。
  21. p:nth-last-child(2)同上，从最后一个子元素开始计数。
  22. p:nth-of-type(2)选择属于其父元素第二个<p>元素。
  23. p:nth-last-of-type(2)同上，但是从最后一个子元素开始计数。
  24. p:last-child选择属于其父元素最后一个子元素<p> 元素。
  25. a:link选择所有未被访问的链接。
  26. a:visited选择所有已被访问的链接。
  27. a:active选择活动链接。
  28. a:hover选择鼠标指针位于其上的链接
  29. input:focus选择获得焦点的 input 元素。（IE8及以上才支持）
  30. p:first-letter选择每个 <p> 元素的首字母。
  31. p:first-line选择每个 <p> 元素的首行。（加边框不行，字号可以）
  32. p:before在每个 <p> 元素的内容之前插入内容。
  33. p:after在每个 <p> 元素的内容之后插入内容。
  34. p:lang(it)选择带有以 “it” 开头的 lang 属性值的每个 <p>元素。
  35. :root选择文档的根元素。(demo: width:100%)
  36. p:empty选择没有子元素的每个 元素（包括文本节点）。
  37. #news:target选择当前活动的 #news 元素。(锚链接中单击链接跳转到的当前目标)
  38. input:enabled选择每个启用的 元素。
  39. input:disabled选择每个禁用的 元素
  40. input:checked选择每个被选中的 元素。
  41. :not(p)选择非 元素的每个元素。
  42. ::selection选择被用户选取的元素部分。