构建CSS系统的第一步是要规划好CSS文件结构。这个结构如同天津网站建设的网站的目录一样,虽然没统一的规定,但如何合理分离CSS文件,以及如何高效组织和管理这些文件,是设计师首先应思考的问题。一般网站的CSS样式文件会被分为主文件和分类文件,在CSS主文件中可Css定义所有页面公共属性,如网站默认字体、链接、页眉、天津网站设计,天津网站制作, 二页脚和公共类等,同时还会包含各种被分离的CSS文件链接。
屏幕显示样式表文件(screen.css)通过@import语句包含需要的子类样式表文件。这样优势很明显,一方面能够高效利用样式表,只需要把有用的样式文件导入页面中,而不需要反复下载页—面不需要的样式代码,加快下载速度;另一方面也方便对样式表文件的管理,当设计师需要包含一个样式时,只需要在主样式表文件中把指定文件包含进来即可,就不再需要对每个页面进行修改。下面,我们来研究如何合理地分离样式表文件,实现科学分类并优化CSS文件。
这种思路是根据不同类型页面分离CSS样式表文件。例如,根据网站的首页、频道页面和详细页设计不同的样式表文件。这样每个页面都会有属于自己的CSS文件。如果当网站页而类型比较单纯,显示样式又比较统时。选择这种方案非常理想,它简单明了、行之有效,如一些企业网站就匕较适合,基本上用几个网页模板就可以实现网站的整体建设。如果页面结构比较复杂、页面类型不统一时,例如每个频道页的样式都不尽相同,频道页、详页显示效果千变万化,使用这种思路分离CSS文件就会很麻烦。
解决途经-把不同的页面公共样式存放在主样式表文件中,然后分别为不同页面定义属于自己的样式表文虽然这不是最佳方案,但却比较实用。如果网站系统庞大,这种解决途经会存在一定风险,因为系统庞大,公共样式必定很多,把如此多的样式都放在CSS主文件中,会造成主文件非常庞大,违背CSS了文件分离的初衷,当页面加载时,会下载很多用不上的样式代码。同时,在不同类型的页面内分别编写代码,CSS文件里各放一份样式代码,也容易产生代码冗余,对后期维护不利。
这种思路是根据页面中不同模块来分离CSS文件。例如,根据页眉、页脚、导航条、功能块、块等分别设计不同的CSS文件,这样就可以根据页面模块组成分别导入不同的样式表文件。这个方法比较简单,编写的代码会很干净,导入文件时有的放矢,下载速度比较块。这种方法也会芦生很多个很小的CSS文件。例如,导航条可能只需要十几行CSS代码,这单独创建个样式之表会显得钉点多余。而且每个页面可能包含很多模块,这样就导致每个页面都含一堆CSS文件,给管理带来一定麻烦。种思路是根据HTML标签的不同类型来分离CSS文件。例如,把与Form表单相关的样式代码放在一个文件中,把与a相关的链接样式放在另一个文件中,如此等等。这个方法比较直观、实用旷与根据模块分类类似。如果网站共有50个页面,其中12个含有Form,那么可以创建一个CSS文件专门处理Form的样式,只在这12个页面导入它。如果另外20个页面含有列表,就创建一个文件专门处理列表样式。根据标签类型分离文式衣义件变得很细碎,一个页面有时会导入很多个样式表文件,显的比较琐碎。