web页面的设计思考

网站的设计易于换肤分析

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{?}:.....  */
? 表示 未解决