CSS帮助我们实现了表现与内容的分离,然而在开始为页面中去除混乱的样式代码的同时,也引入了另一个新的问题---css文件日益庞大,有时候甚至l兆以上。出现这种情况
会导致对于网站两个致命的问题:天津网站建设,天津网站制作,天津做网站,天津网站优化
初次载入网站速度慢。虽然分离的CSS文件只需要载入便可以由全站调用不再消耗下载资源,但是由于所有的样式存在于—个CSS样式表文件之中,使得第一次访问网站时需要
消耗过多时间。维护困难。一个超过1兆的CSS文件代码量多得惊人,也许需要不断的使用Ctrl+F来寻找需要修改的部分。
然CSS的设计者为我们想到了这一点,CSS编码中除了样式属性、伪类、伪对象之外,CSS还提供了导入命令帮助我们从别的地方导入样式表,以便实现CSS层面的根据。离的技术。
有了这样的技术,我们能够进一步规范CSS的代码结构,在网站层面之下,建立服务于自己的优秀代码结构,以便于网站的维护。
@import导入命令是CSS提供给我们的,一个实用命令,主要功能是根据路径导入一个样表文件,并且能够指定样式表所服务的设备类型。也就是说我们可以将别的样式表导入
当前样式表之之中,过上面命令,我们能够将homepage.css导入到当前的样式表文件之中。除此之外,@.nport命令还能够为我们导入的样式表指定一个设备类型,指明当煎的样表
用于做什么用途,使用上面命令,可以导入一个pageprint.css样式表文件,而且此样式表用于打印机设备的打印样式。当我们使用此命令后,在点击浏览器的打印命令时,:打印
机的输出将按照pageprint.css中的样式指定进行打印。步CSS的打印设备指定对于网站来说相当实用。在早期网站设计,特别是新闻网站的设计中,由于网络显示与打印机显示的
差异,为了保证用户打印出的内容与屏幕显示有子所区利于纸上阅读,网站设计者常常为打印专门制作一个打印页面。而在拥有这样的越芝术之外,我不再去管页面中的内容,直
接制作一个打印样式表即可,例如在打印时,我们可以通过打印样式表将网页中的广告设置为隐藏,让用户打印出一个干净的页面。
有了@import命令帮助我们实现样式表文件的分离,对于大型网站的样式设计而言,可以通过这样的分离技术让不同种类的样式各自写在独立的文件之中,根据网站显示的需靶
要需取用,这样就实现了CSS代码层面的结构优化,CSS文件的结构优化可以根据网站的需依照一定的原则进行设计,可以在CSS编码之初就定下基本框架,良好的CSS结构往往使网
站的设计事半功倍,我们在这里将讨论几种常用的结构模式及使用方法。
CSS编写的外观样式是CSS文件中的大头,由于网站页面的不断增多,颜色、字体、版式等样式混杂在一起,使得编写与查找起来都非常不便。—些人为的归类与整理,将相同
功能的样式合在一个文件之中,以便于样式编写。如对于整站中可能出现的全部有关字体颜色方面的设置,可以单独设计一个fonts.css文件用于存放所有有关字体的设置。