仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 765|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS框架:保举27款优异的CSS框架

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:16:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
破洛洛文章简介:使用CSS框架,能够简化你的事情,进步事情效力。CSS框架是一系列CSS文件的汇合体,包括了基础的元素重置,页面排版、网格结构、表单款式、通用划定规矩等代码块。上面给你保举了27款优异的CSS框架,你能够选用。
使用CSS框架,能够简化你的事情,进步事情效力。CSS框架是一系列CSS文件的汇合体,包括了基础的元素重置,页面排版、网格结构、表单款式、通用划定规矩等代码块。上面给你保举了27款优异的CSS框架,你能够选用。
1.960gs

960像素的页面宽度仿佛成了一种计划尺度,在以后各类分辩率下,可以很好地展示网页内容。供应较为经常使用的尺寸来简化网页计划历程,使事情复杂高效。

2.YUI2:GridsCSS

芒果已经先容过由雅虎开辟小组推出的YUI,而这个YUIGridsCSS恰是个中的一部分。作为最出名的CSS框架之一,YUIGridsCSS供应了四种预设页面宽度,六种预设模板。个中的负Margin手艺,利用器度单元em,扫除结构浮动等手艺十分值得进修和自创。
3.Blueprint

Blueprint是一款成熟的CSS框架,它将结构(layout)、排版(typography)、组件(widget)、重置(reset)、打印(print)平分放到分歧的CSS文件中。在网页计划时就削减了引进的代码,进步了页面加载效力。
4.BlueTrip

BlueTrip是一个集成了BluePrint&Tripoli框架的做好的部分;Hartija的打印款式;960.gs的简便;Elements图标的一个css框架。为你供应一个好用的款式汇合和一个制造网站的通用的办法。如许你就能够会合精神弄计划了。
5.ElasticCSS

Elastic是一个复杂的CSS框架用来对网页举行结构。Elastic可完成林林总总罕见的网页结构。
6.Easy

市情下流行的JQUERY组件功效都被归入其框架中,你只需间接利用这个框架,不必进修庞大的AJAXJQuery语法,十分便利。
7.EZ-CSS

EZ-CSS是一个轻量级,扫瞄器友爱,易于利用的CSS框架。用于创立CSS+Div的页面庞大结构(layouts)。
8.Tripoli

Tripoli是一个用于HTML体现的通用css标准。经由过程重设和重修扫瞄器尺度,Tripoli为你的网站项目供应了一个尺度的、跨扫瞄器体现的基本。
9.CleverCSS

CleverCSS是一个用于css的受Python启示的小型的标志言语,它可用于以整齐的和布局化的体例创立一个款式表。在良多方面它都比CSS2整齐和壮大。与CSS最分明的区分是句法:它基于缩进并且不但调。固然这明显违背了Python的划定规矩,它仍然是构造款式的很好的主张。
10.SenCSS

它为你CSS反复的部分供应了公道的款式,如许你就可以加倍存眷于本人网站的款式。SenCSs不像其他CSS框架那样,它不包括各类混乱的结构款式或是预界说的栅格体系,那SenCSs能刚甚么呢?baseline,fonts,paddings,margins,tables,lists,headers,blockquotes,forms等等都是SenCSs所能办到的。

破洛洛文章简介:使用CSS框架,能够简化你的事情,进步事情效力。CSS框架是一系列CSS文件的汇合体,包括了基础的元素重置,页面排版、网格结构、表单款式、通用划定规矩等代码块。上面给你保举了27款优异的CSS框架,你能够选用。

11.Emastic

Emastic是一个CSS框架,它有一连的义务:探究生疏的新天下,寻觅重生活和新的网站空间,勇敢的往CSS框架还没有抵达的范畴。它是轻量的、在页面宽度上对照人道化,在网格中利用流动和不流动的列宽。Elastic用“em”结构。
12.Typogridphy

Typogridphy是一个合适网格结构的CSS框架,用来匡助网页计划师和前端开辟者可以疾速编码完成大度的网格结构。它可让你疾速创立出林林总总的网格结构,而且十分轻松和复杂。这个框架的CSS充实切合语义验度,严厉的Xhtml等尺度。

13.LessFramework3

它是一个以less.js为基本的CSS框架,它充实使用它的混进,变量和筑巢等初级功效。
14.Elements

是一个十分轻量级的css框架,从它的代码构造布局来看做者明显是但愿端的project可以全体部署在它这个css的framework中。
15.Boilerplate

它是一个HTML/CSS/JS的预设模版,它能够匡助你建立一个撑持HTML5-CSS3,跨扫瞄器的网站。
16.Malo

一个超小的、天真的、易用的、宽度能够变更的本性化页面。
17.The1kbCSSGrid

假如你仅仅必要一个轻量级的CSS网格体系,来构建你网站的主框架,那末你能够实验下1KbCSSGrid。1KBCSSGrid网站上供应了一个天生器用来定制CSS网格,而且能够间接下载定制好的CSS网格。

18.FluidGridSystem

一个网站的导航菜单笔墨不克不及供应充足的信息,来表达以后菜单按钮的内容,一样平常的办理举措是利用提醒信息ToolTip,那末活动导航菜单也能够办理此成绩,同时也为网站计划的增加了一些时髦而又动感元素。

破洛洛文章简介:使用CSS框架,能够简化你的事情,进步事情效力。CSS框架是一系列CSS文件的汇合体,包括了基础的元素重置,页面排版、网格结构、表单款式、通用划定规矩等代码块。上面给你保举了27款优异的CSS框架,你能够选用。

19.ContentwithStyle

ContentwithStyle下一个逻辑步骤就是将这个扩大为CSS框架,同意利用写好并经由过程测试的组件来疾速开辟网站。实践上所需的是弄定一套定名习气和一个天真的基础模板。
20.WYMstyle

WYMstyle是一组CSS文件,你能够很简单的组合这些文件来疾速的创立你的网站的结构。经由过程供应牢靠的、经由优秀测试的CSS模块,WYMstyle力图让每一个网站避免单调的跨扫瞄器兼容性测试。
21.TheGoldenGrid

是vladocar开辟的一款对照新的CSS框架,能够为古代网站计划供应一个全新的结构参考。它十分玲珑,以是很简单进修上手。个中的某些处置结构的办法是很值得自创的。假如你懂得960网格体系,那末这个框架,你会加倍简单利用。
22.YetAnotherMulticolumnLayout(YAML)

YAML是一个(X)HTML/CSS框架,它为了满意弹性的和用户友爱的结构而开辟的。YAML自2007年呈现以来就供应了广而全的文档。像很多其他的CSS-Framework如BlueprintCSS或YUIGrids一样,供应了一个预界说的CSS-classes体系,用来创立基于网格的结构。要创立一个结构,计划师必要创立网站HTML布局,然后为容器(html标签)誊写CSS,剩下的就自理了。
23.Compass

Compass是一种款式的创作的框架,使你的款式表和标示简单创建和保护。写本人的款式用sass而非本来的是css,使用Sass中的Mixins和Compass分离,你能够使用款式框架如Blueprint来取代你本人的款式标志.Compass基于sass,能够使用css框架好比Blueprint,十分的便利.

24.SchemaWebDesignFramework

Schema是一个为了供应在反复的计划义务中必需的CSS和HTML标签而计划的体现层的网页框架计划。与为每个新的网站项目从零入手下手创立HTMl/CSS分歧,Schema供应需要的基本来入手下手并立马让你的计划跑起来。
25.Sparkl

它是一个很成熟的体系,它玲珑天真、易学易用。
26.ThejQueryUICSSFramework

它是一套基于jquery构建具有皮肤改换功效的UI控件和鼠标交互组件。用于匡助开辟职员构建具有优秀用户体验的Web使用程序。供应了一个壮大的CSSFramework,为用户界说利用jQuerywidgets。个中的ThemeRoller更是让你为所欲为地操纵计划分歧作风的网页界面。
27.52framework

它是一个Web开辟框架,它能完成HTML5和CSS3。它是一个跨扫瞄器的框架,能够在一切支流的扫瞄器上运转,包含IE6。次要是接纳一个HTML5enablingJavaScriptfile文件来完成。

原文链接:27GreatCSSFrameworksYouMustCheckOut
译文来自:http://www.javaeye.com/news/20054
</p>
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
小妖女 该用户已被删除
沙发
发表于 2015-1-17 21:14:12 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-26 22:44:19 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
飘灵儿 该用户已被删除
地板
发表于 2015-2-5 05:46:36 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
蒙在股里 该用户已被删除
5#
发表于 2015-2-11 07:30:32 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
第二个灵魂 该用户已被删除
6#
发表于 2015-3-2 00:50:39 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
简单生活 该用户已被删除
7#
发表于 2015-3-11 03:54:22 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-17 22:08:30 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
金色的骷髅 该用户已被删除
9#
发表于 2015-3-25 08:09:22 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-25 03:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表