【精通CSS】CSS代码结构

导入样式表
<style>
@import url(XXX.css)
</style>

导入样式表比链接样式表慢

设计代码的结构

• 一般性样式
  
  • 主体样式
  • reset样式
  • 链接
  • 标题
  • 其他元素
• 辅助样式
  
  • 表单
  • 通知和错误
  • 一致的条目
• 页面结构
  
  • 标题、页脚和导航
  • 布局
  • 其他页面结构元素
• 页面组件
  
  • 各个页面
• 覆盖
  风格统一的大注释块分割每个部分
  /* @group genneral styles
--------------------------------------*/
  代码的分隔越细致、越合理，就越容易理解。
  注释会使CSS文件显著加大。