工具使用:

网站的设计易于换肤分析

1. 宽度: 750-776px(800*600), 900-950-997(1024*768)
2.css 分类:
  A: public.css:共用全局样式()
  B: 样式用于设置页面的结构
 master.css:模板页样式
 makeup.css:具体页面样式
 
 影响结构的几个属性元素:
  1. width,height
  2. padding
  3. margin
  4. border-width
  5. float,display, clear
  6. 内部元素的不合理,导致盒模型撑开 

  C: 针对具体的浏览器bug而设置的样式
    bug.css:浏览器bug样式
  D:  修饰样式:在结构变化不大的基础上修改这一层的样式
       来改变页面的风格  
        default.css:默认页面样式


3,参见网易的样式部分书写规则
 颜色小写c+ 颜色名称
 字体  fB,fI
 
  一个tab键隔离选择器与{}的内容
 同一级的元素(指包含与被包含)“{” 对齐 

bug处理
ie min-height:bug

  /* for Internet Explorer */
    /*\*/
* html #pagecontent #rgt { height:520px;}
/**/
 

4.注释

个人规定:
/* =Error{?}:.....  */
? 表示 未解决

posted on 2007-01-09 18:00  tenero  阅读(259)  评论(0编辑  收藏  举报