网页前段必备之超实用的CSS库工具推荐

2016-02-16 23:18 4 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享网页前段必备之超实用的CSS库工具推荐,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - 平面设计 】

当启动一个新的项目,使用CSS框架或样板,可以帮助您节省大量的时间。在这篇文章中,我编译整理了我最喜欢的CSS样板,框架和库,帮助你在建立网站或应用程序时更加高效。

Bootstrap

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

如果你想给你的新项目的专业的外观和感觉,Boostrap 可能是你需要的工具。它拥有一个非常干净的排版,表格元素,以及设计一个现代化的网站你需要的所有东西。更多信息: twitter.github.io

Foundation

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

Foundation 来自 Zurb,是一个非常有趣的工具,特别适合用于创建响应式网页。Foundation 有很多不同的布局模板,所以在你启动新项目时,肯定可以帮助你节省很多时间。更多信息: http://foundation.zurb.com/

Compass

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

Compass 是一个开源的 CSS 编写框架。它采用 Sass,扩展了 CSS,增加了嵌套规则,变量,混入,选择继承等特性。绝对值得一试!更多信息: http://compass-style.org/

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)Profound Grid

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

这是一个响应式的网格系统,用于固定和流体布局,内置 SCSS。如果你打算开发一个基于网格的布局,你绝对应该试试 Profound Grid。更多信息: http://www.profoundgrid.com/

Kube

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

Kube 是一个简单而简约的 CSS 框架,基于灵活的网格和漂亮的印刷字体。如果你正在寻找一个轻量级的框架,没有强加的风格,那么这是适合你的工具。更多信息: http://imperavi.com/kube/

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)Topcoat

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

我知道,我已经在文章介绍过很多次 Topcoat 了,不过 Topcoat 是真的很棒!如果你想能够快速,轻松地创建一个专业的网站,那么这是一个很好的选择。更多信息: http://topcoat.io/

Pure CSS

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

Pure CSS 来自雅虎,是一组 CSS 模块,您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易,整个框架看起来很干净,专业。如果你还没有用过的话,尝试一下!更多信息: http://purecss.io/

KNACSS

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

KNACSS 是一个简约的,响应式的和可扩展的 CSS 框架。它处理基本要素,盒大小,边距,浮动,简单和复杂的对齐,定位,布局网格,间距等等,而且一切都是自动的!更多信息: http://www.knacss.com/

Metro UI

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

你喜欢 Windows 8 的风格吗?如果是的话,我敢打赌,你会喜欢的 Metro UI,这个 CSS 框架允许你创建的 Windows 8 风格外观和感觉的网站。更多信息: http://metroui.org.ua/

Skeleton

网页前段必备之超实用的CSS库工具推荐,PS教程,图老师教程网

Skeleton 是一个小的 CSS 文件集合,可以帮助你迅速开发在任何尺寸都外观漂亮的网站,不过是在17寸的笔记本电脑的屏幕或 iPhone 上。更多信息: http://www.getskeleton.com/

来源:http://www.tulaoshi.com/n/20160216/1576336.html

延伸阅读
7款超实用的压缩神器推荐   一 、JEPGmini 它不仅可以让你尽可能的压缩图片还能保持图片的质量,通过 JPEGmini的压缩方式,最多可以把照片档案缩小到80%(8百万像素以上的照片)。这是一个颇为惊人的数字,因为常用的.jpg档案就已经是压缩过后的档案。更吸引人去使用的是,照片品质几乎看不出有什麽破坏,档案的解析度也不会变...
    一种是把CSS文档放到<head>文档中:   <style type=“text/css”> …… </style> 其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。   另一种方法是把CSS样式表写在HTML的行内,比如下面的代码:   <p style=“font-size:14pt;color...
标签: Web开发
本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100,但是在CSS中,你必须给一个准确的...
标签: Web开发
CSS布局作为一个热门技术,发展的确有些缓慢。 CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者。 CSS使用样式表来控制整个站点字体和布局的能力,它非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。究竟是什...
标签: Web开发
用过div+css作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现ajax拖动效果的时候比较麻烦, 所以我觉得眼下还是div+嵌套table比较好。 圆角——可以...

经验教程

184

收藏

33
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部