CSS作为网页设计制作的一门基础语言，在网页设计中，遠對它表现出了其独特的优势。例如更简洁的语言，模块化的结构。
對(duì)于页面(miàn)開(kāi)發(fā)而言是设話市计排版的改進(jìn)、對(duì)于访客用户而言则和吧是有助浏览速度的提高。而在開(kāi)發(計也fā)维护以及在做被(bèi)搜索時(shí)的SEO，城木使用CSS都(dōu)是目前最好(hǎo)的选择。为了更好(hǎo)的對(du務飛ì)CSS進(jìn)行開(kāi)發(fā)朋商，我们可以选择一些有帮助的工具。
下面(miàn)来看看有哪些实用CSS工具：
Base
Base是一款轻量级CSS预处理工具，能(néng)够將(j空就iāng)代码编译为SASS(即Syntactical鄉數ly Awesome CSS)或者LESS(Leaner 自睡CSS)。尽管已經(jīng)有很多框架放弃了IE浏览器的支持筆來，Base仍然坚定扮演著(zhe)樹草IE拥护者的角色，Matthew Hartman表示——他设计Bas遠弟e的初衷在于帮助设计师们编写出更为简洁且结构清晰的CSS代码。
尽管目前的版本仍专注于面(m懂你iàn)向(xiàng)桌面(miàn)系统，但Hartman已經(jīng)去路開(kāi)始著(zhe)手创建下一个妹日版本、旨在利用經(jīng)過(guò)修改的代码库將(這有jiāng)移动平台作为首选环境。他指出，Bas窗中e“在最初進(jìn)行開(kāi)發(fā)時(shí)只具备非常基本的功能海短(néng)，但随著(zhe)其迅速發(f公窗ā)展、我開(kāi)始將(jiā醫現ng)其应用在更多不同类型的网站当中。虽然慢山遇到(dào)過(guò)许多前所未呢身有的情况以及令人沮丧的错误，但這(zhè)段學(xué)习經(討用jīng)历既可怕又充满乐趣。”
Compass
Compass CSS验证框架能(néng)够为设计师们带来更我劇为简洁的标记、可重复使用模式同時(shí吃志)大大简化了Sprite图像——像這(zhè)樣(yàng)的优势還(謝年hái)有很多。“它并不是一套难于上手且需裡藍要预先定义的类名称集合。Compass当中所包含的工具数量超過章術(guò)了其它任何CSS框架，”開(k廠對āi)發(fā)人员Lorin T電不ackett表示，他利用這(zhè)套框架创建出了一款网格计算器。我湖“Compass充分考虑到(dào)了那些在未来可能(néng)出现的浏览煙鐘器支持冲突状况，因此其中一部分功鐘刀能(néng)可以有选择地加以关闭。”
Tackett指出，Compass是维护复杂Web应用程序中樣(yàng)話廠式表格的最佳选择。
Foundation
Foundation框架的专長(開司cháng)在于响应式设计，這(zhè)是一套专门用于创建网站与W銀答eb应用的策略方案，能(néng)够自动与用户设备上的浏览器环場機境進(jìn)行适配。
“Foundation是第一款专门帮助用户创建能(néng)長業够运行在任何设备上的响应式站点的CSS黃你框架，”Web设计机构Zurb服作合作伙伴兼Foundation暗大设计主管Jonathan Smiley指出。“工作我们自發(fā)布首个公共版本開(kāi)始就(jiù)一直致力于打煙麗造响应式站点，而且在經(jīng)历了五个版本的实践研冷道發(fā)過(guò)程後(hòu)、我们已經(jīng)亲眼见關冷证了众多開(kāi)發(fā)者在水門创建多设备应用及站点方案時(shí)所遭遇的难题好知，因此有能(néng)力帮助他们討中顺利度過(guò)难关。”
Foundation使用SCSS(即Sassy兵但 CSS)，提供内置组件以简化布局与原型设计，同時(shí)允许用户以覆校跳盖方式使用自己的定制化前端。
Gumby
上世纪七十年代出生的朋友们可能(néng)還(hái)對(duì)Gum鐵光by這(zhè)位活跃在儿童电视节目上的討嗎绿色黏土动画人物留有印象，而如今同樣(yàng)的名字则代表著(z事還he)一款CSS框架。
“Bumby這(zhè)个名字来自定格动画片中有志的人物，代表著(zhe)能(néng)够为用户带来快速的原型设计体验，”Gum體輛by框架出品方Digital Su生車rgeons公司执行创意总监Peter Sena指出。
Gumby提供了多種(zhǒ草廠ng)网格与列式变化，其UI包中還(hái)包含按钮、字体以及表低什单等等。Gumby旨在帮助业余開(kāi)發(紙店fā)人员编写并维护成(chéng)百上千行生下代码，Sena表示。目前其版本号为2.6，预计Gumby 3吧公將(jiāng)新增更多目前尚不支持的屏幕尺寸与设备型放店号，例如某些高分辨率平板设备与吧靜触控式笔记本等。
Kube
Kube标榜自身是一款“专业级”CSS框架。尽管其它框架同樣(yàng)店窗能(néng)够提供预定义樣(yàng)式以构建起(qǐ)视觉效果相似的站頻見点外观，但Kube的使用感受更加简单，Kube光兒项目首席開(kāi)發(fā)者之一Artem說動 Rosnovskiy解释称。
“Kube并不會(huì)强制限定任何樣(章書yàng)式规则或者形式，”Rosnovskiy表示，而這(zhè)一特性使校家其在专业设计师与開(kāi)發(fā)人员群体当中获得女黑了广泛欢迎。“很多初學(xué)者希望能拿這(néng)够在预定义创建流程之前获取更飛河多指导性意见——包括色彩、网格、按钮以及書草樣(yàng)式等等——但Ku匠匠be则为设计师与開(kāi)發兒唱(fā)人员们带来了彻底的自由空间……它要求使用者拥刀什有老练的技能(néng)、經(jīng)验并透彻理解自慢媽己想要达成(chéng)的效果。”
Responsive Grid System一個
Responsive Grid 海門System既不属于框架也不属于樣歌兵(yàng)板，而是一種(zhǒng)能(néng)够“快速而简单”的响应短下式网站创建方式，项目開(kāi)發(fā)者Graham Mi請懂ller解释道(dào)。Respons懂快ive Grid System能(néng)够直接与现有南上HTML与CSS相對(duì)接。
“我發(fā)现一旦自己開(kāi水數)始著(zhe)手创建响应式网站，最最需要山年的就(jiù)是能(néng)够快速切入到(討北dào)自己的现有代码中并以高度灵活的方式构建任何项目，”Miller表示。些書“我曾經(jīng)使用過(guò)很多從頻不同类型的框架与樣(yàng)板，但它们都(dōu)倾向(xi吧話àng)于让我以其为基础设置网格体系、然行紙後(hòu)向(xiàng)其中填充内容。我是那種(zhǒng)‘内房工容至上’派的開(kāi)發(fā)人员門空，因此我建立了自己的响应式网格系统。”
