构建网站合理规划CSS文件

2019-03-14 23:03:11刘景俊

  举例来说,假如页脚的样式只需要20行css代码,单独创建一个文件就划不来了。而且这个方法会导致每个页面都包含一堆CSS文件——因为有多少include,就得有多少CSS文件。
三、基于标记
  这个方案直观实际,与前一个类似。如果网站共有30个页面,其中10个含有form,那么可以创建一个CSS文件专门处理form的样式,只在这10个页面导入它。如果另外10个页面含有table,就创建一个文件专门处理table样式……诸如此类。
四、其他CSS组织技巧
  除了用主观的方法组织文件,我们还要考虑如打印、手持设备和屏幕等多种媒体类型。这虽然已经很清楚的定义过,可依旧是建立文件结构时应该考虑的一个因素。一旦必须支持多种媒体类型,主CSS文件里的某些规则可能就得重新考虑。另外,品牌联合也可能是一个重要因素。如果涉及品牌联合,你就得考虑哪些元素应该调整以适应另一品牌。比如分别使用不同的CSS文件等。更多的技巧欢迎你关注jb51.net的文章。
  还有一个常被忽略的技巧:使用嵌套的@import语句。只包含一连串@import语句,或者再加几句css规则,就能创建一个CSS文件。用这个方法完全可以创建网站的主CSS文件(用@import导入各部分的样式文件)。假如网站的每个页面都导入了4到5个不同的CSS文件,无疑你应该考虑使用这个技巧。