下面给你推荐了27款优秀的CSS框架,你可以选用。

960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。

芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一,YUI Grids CSS 提供了四种预设页面宽度,六种预设模板。其中的负 Margin 技术,使用度量单位 em,清除布局浮动等技术非常值得学习和借鉴。

Blueprint 是一款成熟的 CSS 框架,它将布局 (layout)、排版 (typography)、组件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在网页设计时就减少了引入的代码,提高了页面加载效率。

BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960.gs的简洁;Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。

Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局。

市面上流行的JQUERY组件功能都被纳入其框架中,你只要直接使用这个框架,不用学习复杂的AJAX JQuery语法,非常方便。

EZ-CSS是一个轻量级,浏览器友好,易于使用的CSS框架。用于创建CSS+Div的页面复杂布局(layouts)。

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

CleverCSS 是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。

它为你CSS重复的部分提供了合理的样式,这样你就能更加关注于自己网站的样式。SenCSs不像其他CSS框架那样,它不包含各种杂乱的布局样式或是预定义的栅格系统,那SenCSs能刚什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能办到的。

Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

Typogridphy是一个适合网格布局的CSS框架,用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。它可以让你快速创建出各种各样的网格布局,并且非常轻松和简单。这个框架的CSS充分符合语义验度,严格的Xhtml等标准 。

它是一个以less.js为基础的CSS框架,它充分利用它的混入,变量和筑巢等高级功能。

轻量纯css框架,27款经典的CSS框架小结 网页制作必备相关推荐

  1. 27 款经典的CSS 框架

    27 款经典的CSS 框架 利用 CSS 框架,可以简化你的工作,提高工作效率.CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块.下面给 ...

  2. 介绍27款经典的CSS框架

    < DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd> ...

  3. 轻量却超强——推荐几款好用的截图工具

    轻量却超强--推荐几款好用的截图工具 阅读导览(点击快速跳转): 1.FScapture 2.Snipaste 3.Picpick 相关文件下载及链接 1.FScapture(返回目录) FScapt ...

  4. 27款经典网站设计必备的CSS框架

    1. BlueTrip (网址:http://bluetrip.org/) BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; ...

  5. 用DIV+CSS技术设计的个人电影网站(web前端网页制作课作业)

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  6. 【前端实例代码】使用 HTML CSS实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 网页开发中常见的样式与特效,收藏起来肯定用的上~

    b站视频演示效果: [web前端特效源码]使用 HTML CSS 和 JavaScript 实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYP ...

  7. html hover图片效果,CSS第9款:Imagehover.css 纯CSS打造的图片悬停效果

    用过很多图片县停效果,说实在话,很多都不好用.我大致说一下原因: 1.对基础CSS影响比较大: 2.附加的插件太多: 3.还要引用有一些JS. 而CSS3的诞生,对我们前端开发来说,有了质的飞跃!下边 ...

  8. 用DIV+CSS技术设计的个人电影网站(web前端网页制作课作业)电影网页介绍8页 带报告3900字

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计摄影作品 | 影视设计网页 | 在线电影 | 视频音频元素 | HTML期末大学生 ...

  9. 用DIV+CSS技术设计的凤阳旅游网站(web前端网页制作课作业)HTML+CSS+JavaScript

最新文章

  1. Java学习总结:33(System类)
  2. deb和rmp的安装
  3. 算法分析之-主方法分析递归式
  4. 《Orange’s 一个操作系统的实现》3.保护模式3----DOS加载.EXE过程
  5. Angular之jwt令牌身份验证
  6. Java中J.U.C扩展组件之Fork,join
  7. 恭喜你们微软论坛版主成为百度知道专家
  8. android 自定义消息,TUIKit Android自定义消息
  9. python读取地震信号【sgy,segy】
  10. 【图像压缩】替换输入改善压缩+实现可变比特率
  11. 影片相继撤档“520”,在线票务平台等待下一个“黄金档”
  12. 《你心柔软,却有力量》-林清玄--读书笔记
  13. matlab中filtfilt函数解析
  14. 单道批处理系统与多道批处理系统(操作系统)
  15. MySql 中 一次update更新多条数据
  16. China Science投稿模板
  17. PLC实验五(LED数码管显示控制)
  18. c语言中printf的转义字符,C语言Printf格式
  19. 工银二维码支付,商户福利等你拿
  20. 江苏省消防安全委员会办公室关于开展消防安全专项执法检查的通告

热门文章

  1. css@media媒体查询
  2. 滴滴携手万达酒店 打造一体化“出行+酒店”服务
  3. 【调剂】北京林业大学工学院程朋乐副教授课题组拟招收计算机、自动化等专业调剂生...
  4. 模型剪枝学习笔记--Pruning Filters for Efficient Convnets
  5. 来自killc的自我介绍
  6. Windows10安装NVM
  7. 用水量测系统-灌区用水精细化管理
  8. 2050的编程竞赛青年见面会感想
  9. IDV在客户端开更新提示“有差异盘,不能更新。”字样。
  10. JAVA求3和5倍数的总和