30款最值得收藏的CSS框架
网页设计员和研发者可用的最好工具之一便是CSS 框架，它提供高端解决方案来适应高端网页研发需求。CSS 框架减化了编码结构、减少了编码时间，为研发者带来网页设计的便捷性。下面就介绍了30款最值得收藏的css框架。
1.BlueTrip (网址：https://www.360docs.net/doc/953683773.html,/)
BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960.gs的简洁;Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。
2.ElasticCSS(网址：https://www.360docs.net/doc/953683773.html,/)
Elastic是一个简单的CSS框架用来对网页进行布局。Elastic可实现各种各样常见的网页布局。
3.bootstrap(网址：https://www.360docs.net/doc/953683773.html,/)
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。
4.960gs(网址：http://960.gs/)
960像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，使工作简单高效。
5.YUI2:GridsCSS(网址：https://www.360docs.net/doc/953683773.html,/yui/grids/)
6.Blueprint(网址：https://www.360docs.net/doc/953683773.html,/)
7.快切css(网址：https://www.360docs.net/doc/953683773.html,/)
取自“Quickcss”是切图公司发布的一款开源中文HTML5/CSS3框架,支持跨平台移动浏览器兼容，兼容ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。
8.Tripoli(网址：https://www.360docs.net/doc/953683773.html,/lab/tripoli/)
Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准，Tripoli为你的网站项目提供了一个标准的、跨浏览器表现的基础。
9.CleverCSS(网址：https://www.360docs.net/doc/953683773.html,/clevercss/)
10.SenCSS(网址：https://www.360docs.net/doc/953683773.html,/)
11.Emastic(网址：https://www.360docs.net/doc/953683773.html,/p/emastic/)
Emastic是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的网站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在网格中使用固定和不固定的列宽。Elastic用“em”布局。
12.Typogridphy(网址：https://www.360docs.net/doc/953683773.html,/typogridphy/)
Typogridphy是一个适合网格布局的CSS框架，用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。它可以让你快速创建出各种各样的网格布局，并且非常轻松和简单。这个框架的CSS充分符合语义验度，严格的Xhtml等标准。
13.LessFramework3(网址：https://www.360docs.net/doc/953683773.html,/)
它是一个以less.js为基础的CSS框架，它充分利用它的混入，变量和筑巢等高级功能。
14.Elements(网址：https://www.360docs.net/doc/953683773.html,/)
是一个非常轻量级的css框架，从它的代码组织结构来看作者显然是希望真个project能够全部部署在它这个css的framework中。
15.Boilerplate(网址：https://www.360docs.net/doc/953683773.html,/p/css-boilerplate/)
它是一个HTML/CSS/JS的预设模版，它可以帮助你建设一个支持HTML5-CSS3，跨浏览器的网站。
16.Malo(网址：https://www.360docs.net/doc/953683773.html,/p/malo/)
一个超小的、灵活的、易用的、宽度可以变化的个性化页面。
17.The1kbCSSGrid(网址：https://www.360docs.net/doc/953683773.html,/)
如果你仅仅需要一个轻量级的CSS网格系统，来构建你网站的主框架，那么你可以尝试下1KbCSSGrid。1KBCSSGrid网站上提供了一个生成器用来定制CSS网格，并且可以直接下载定制好的CSS网格。
18.FluidGridSystem(网址：https://www.360docs.net/doc/953683773.html,/)
一个网站的导航菜单文字不能提供足够的信息，来表达当前菜单按钮的内容，一般的解决办法是使用提示信息ToolTip，那么流动导航菜单也可以解决此问题，同时也为网站设计的添加了一些时尚而又动感元素。
19.密切css(网址：https://www.360docs.net/doc/953683773.html,/)
密切（Mobile-Internet.css）源自“Mobile Internet CSS”, 是由切图公司针对webapp移动前端自主开发的一款html5/css3框架，是国内移动前端框架发起者和领导者，基于它可以快速构建一个类似Native App等webapp应用，支持跨平台移动浏览器兼容。兼容iphone,ipad 等移动设备。
20.WYMstyle(网址：https://www.360docs.net/doc/953683773.html,/projects/wymstyle/)
WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle力求让每个网站防止枯燥的跨浏览器兼容性测试。
21.TheGoldenGrid(网址：https://www.360docs.net/doc/953683773.html,/p/the-golden-grid/)
是vladocar开发的一款比较新的CSS框架，可以为现代网站设计提供一个全新的布局参考。它非常小巧，所以很容易学习上手。其中的某些处理布局的方法是很值得借鉴的。如果你了解960网格系统，那么这个框架，你会更加容易使用。
22.YetAnotherMulticolumnLayout(YAML) (网址：http://www.yaml.de/en/)
https://www.360docs.net/doc/953683773.html,pass(网址：https://www.360docs.net/doc/953683773.html,/)
24.SchemaWebDesignFramework(网址：https://www.360docs.net/doc/953683773.html,/projects/schema/)
Schema是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。与为每一个新的网站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始并立马让你的设计跑起来。
25.Sparkl(网址：
https://www.360docs.net/doc/953683773.html,/script/Development-Scripts-js/HTML-Tools/Sparkl-61913.ht ml)
它是一个很成熟的系统，它小巧灵活、易学易用。
26.ThejQueryUICSSFramework(网址：
https://www.360docs.net/doc/953683773.html,/UI/Theming/API#The_jQuery_UI_CSS_Framework)
27.52framework(网址：https://www.360docs.net/doc/953683773.html,/)
28.EZ-CSS(网址：https://www.360docs.net/doc/953683773.html,/)
EZ-CSS是一个轻量级，浏览器友好，易于使用的CSS框架。用于创建CSS+Div的页面复杂布局(layouts)。
29.ContentwithStyle(网址：https://www.360docs.net/doc/953683773.html,/content/a-css-framework)
ContentwithStyle下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。
30.Easy(网址：https://www.360docs.net/doc/953683773.html,/)
市面上流行的JQUERY组件功能都被纳入其框架中，你只要直接使用这个框架，不用学习复杂的AJAXJQuery语法，非常方便。
白话插件框架原理
白话插件框架原理 本文将用尽可能简单的文字来描述插件框架原理。很多人以为插件化很复杂，所以就一直将这类框架阻挡在门外。实际上，在我们的实践过程中，从框架的使用角度来看，它非常简单，我们团队里面非正规院校毕业的女生也可以来实际使用。如果说插件框架难的地方，我反倒觉得克服人的天然惰性更加困难。我们不能习惯于墨守成规，日复一日年复一年，按照相同的模式来开发，将自己打造成一部“编码机器”，成为没有价值的“程序猿/媛”。使用插件框架，没有多少技术难点，不过需要我们提升我们的软件开发思想，改变现有开发方式。 1 插件框架本质 在.NET平台，一个程序是由“程序集+ 资源”构成的。程序集是由我们开发的一个个的类。这些类可能是通用功能的辅助类、数据访问类、业务逻辑类，也可以是WinForm应用的窗体类或者Web应用的Web窗体类。以传统模式开发的程序，一般情况下，不管是我们开发的程序集，还是引用的第三方程序集，它们都在应用程序的bin目录下，如下所示。
插件化开发方式与传统方式不同在于，它会把程序集按照一定结构进行组织，比如下面这个程序是基于插件化方式来构建的，不同功能的程序集则组织到Plugins目录下，如下所示。 此时，bin目录则仅仅包含几个很通用的程序集。
在Plugins目录下，则按照功能进行分组，每一个目录为一个插件，它实现一组功能。 下面我们来看其中一个插件——AlarmManagementPlugin插件的目录结构，如下所示，你会发现，插件拥有自己独立的bin目录，在自己的bin目录下，放置着这个功能涉及的程序集。
在传统开发方式中，放在bin目录下的程序集会由.NET类加载器按需去加载，但是当我们要实现插件化方式开发时，需要依赖于插件框架实现从不同的插件目录中加载程序集。因此，插件框架本质上是扩展了.NET类加载器的功能，使其能够从插件目录中加载程序集。 2 进一步看插件框架 插件化开发方式不仅仅从程序集的组织方式上发上了变化，更重要的是，在功能的组织和实现也发生了变化。我们用一个非常典型的分层架构看看二者区别。 下图是一个分层架构的应用程序，由表示层、业务层、数据层等组成，每一个层次都有相对应的功能组成，在表示层，我们一般是构建了一个主界面，然后由不同的开发者在主界面上直接放置上菜单及菜单点击事件的响应，同理，其它层次也类似，不同开发者根据需要实现的功能来添加不同的代码。
CSS复习题
CSS样式复习 一、判断对错 二、填空 1.CSS（Cascading Style Sheets）是层叠样式表的缩写”层叠”就是将显示样式独立于显示的内容,进行分类 管理. 2.Css样式上下文选择符定义嵌套标记的样式。 3.层叠样式表的英文缩写是CSS（t） 4.选择器是指要引用样式的对象，它可以是一个或多个HTML标记（各个标记之间以逗号分开），也可以是类选 择符、ID选择符或属性选择符等。 5.css样式定义中可以加入注解，格式为：/*字符串*/ 6.CSS样式表定义的基本语法为：选择器{样式属性名称：属性值；样式属性名称：属性值；} 7.外部样式表文件将样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用标记 链接到这个CSS样式文件，优先级低。 8.内嵌样式表利用