日期:2014-05-16  浏览次数:20774 次

css管理

?

CSS的管理一直是个让人有点头疼的问题,没有绝对的对错,无非就是为了方便管理、修改和多人合作罢了;

网上流行的CSS管理方式讲来讲去无非也就以下几种:

1.?对于单个页面那种非常简单的,其实也可以直接把所有的样式写在一个外部文件里就行,或者直接写在页面的头部里,没有必要去纠结繁琐的CSS文件管理。

2.?读过《精通CSS:高级Web标准解决方案》那本书的人都应该对作者如何去组织、规划和维护样式表有深刻印象:多个CSS文件可以利用@import导入的页面中,好处是减少HTTP请求数,坏处是导入样式要比链接样式的速度慢,而且导入的文件有顺序的规定,顺序不当常常会出现样式没办法应用等错误,也是让人无比纠结。

而对于全部写在单个文件的,其内部最好有合理的设计结构和注释:

一般性样式:

  • 主体样式
  • reset样式
  • 链接
  • 标题

辅助样式:

  • 表单
  • 通用和错误
  • 一致的条目

页面结构:

  • 标题、页脚和导航
  • 布局
  • 其他页面结构元素

页面组件:

  • 各个页面

覆盖:

然后使用大注释块来分割每个部分