css蓝图有什么用

这篇文章将为大家详细讲解有关css蓝图有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

蓝图是一个css框架,它将布局(布局),排版(排版),组件(widget),重置(重置),打印(印刷)等分放到不同的css文件中。

<强>蓝图(css框架)

蓝图是由于HTML是一种标准,并且所描述的是结构而非样式,因此蓝图是完全作为css实现的框架。

在设计网页时要以蓝图为指导,然后再设计或生成HTML,以便将蓝图css样式应用于HTML元素。实际上,由于蓝图提供了强大的css,因此可以在HTML中设计网页,而不必使用图像设计程序来模拟最终页面,比如说photoshop。从一定意义上说,蓝图提供了真正的所见即所得的(WYSIWYG)网页设计,因为原型将使用与最终站点相同的代码。

此外,由于蓝图的主要作用是模拟打印页的外观,因此使用蓝图进行交互式的设计的感觉更像是在使用QuarkXPress或AdobeInDesign.Blueprint样式基于像素和一个18像素的基线网格。借助设计天赋和努力,可以创建具有专业外观的页面。

<强>样式例子

蓝图的默认网格是950像素宽,分为24个由10像素分隔线隔开的30像素宽的列:[(24列* 30像素/列)+(23分隔线* 10像素/分隔线)=950像素]。如果偏好或者需要更宽或更窄的网格或不同的列宽,蓝图提供了一个Ruby工具用于将蓝图重新生成到需要的规范中.Ruby工具还创建了一个网格图像,可以在photoshop中引用,并且压缩了最终的css以减小文件大小,从而缩短了传输时间和带宽。

通常,不应该编辑蓝图css文件。而是应该在一个单独的文件定义自己的样式,并根据需要覆盖蓝图代码。这是最后一个文件css/自定义。css的作用,这个文件是作为代码的一部分创建和维护的。

关于“css蓝图有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

css蓝图有什么用