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

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

作者: 前端大魔王 | 来源:发表于2016-08-21 10:10 被阅读0次
    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
     ----------------------------------------------------
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/avlbsttx.html