精通CSS高级Web标准解决方案读书笔记-02为样式找到应用目标

  1. 常用选择器(类型选择器,后代选择器)
    p #id .class
  2. 伪类
    链接伪类:link :visited 动态伪类:hover :active :focus。IE6只注意应用锚链节(a)的:hover和:active,完全忽略:focus,而IE7可以在在所有元素上应用:hover而忽略:focus与:active
  3. 其他
    子选择器,相邻同胞选择器(>, ,+),属性选择器
  4. 样式权重计算
    选择器的特殊性分为4个等级a,b,c,d.
    如果是行列样式,a=1。
    b等于ID选择器的总数。
    c等于类,伪类,属性选择器的数量。
    d等于类型选择器和伪元素选择器的数量


  5. 规划,组织和维护样式表
    5.1. 为便于维护,一般把样式表化为几块如下:
    一般性样式(主体样式,reset样式,链接,标题,其他元素)
    辅助样式(表单,通知和错误,一致的条目)
    页面结构(标题,页脚和导航,布局,其他页面结构元素)
    页面组件(各个页面)
    覆盖
    5.2使用一种风格统一的大注释块分隔每个部分
 /* @group general style
 ----------------------------------------------------
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 1. class 和 id 的使用场景: id:id选择器,使用#name定义(name为id名,可任意取名),使...
    石林涛阅读 390评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,878评论 0 5
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,104评论 0 1
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,451评论 1 62