http://www.iteye.com/news/23692/

 10 款非常棒的CSS代码格式化工具推荐

2011-12-14 09:31 by 副主编 wangguo 评论(0) 有9111人浏览
如果你刚开始学习CSS，这意味着你的很多代码或结构可能需要优化，比如你可能过多使用了类、添加了多余的间隔或空行等等，这将导致代码臃肿、混乱，可读性和执行效率将大大降低。

本文为你整理了几款CSS工具，借助它们，你可以轻松写出漂亮的CSS代码。

1. CSS Lint

这是一个在线工具，可以帮助你检测CSS代码中的问题。该工具可以对一些基本的语法进行评估，并使用一套规则，以寻找有问题或效率低的代码。

2. CSS Compressor

这是一个有用的工具，可以帮助你压缩CSS，以提高加载速度和优化网站。该工具提供了三个压缩级别，主要依据可读性与压缩的关系进行分级。当然，你也可以切换到高级模式以设置更多的参数。

3. ProCSSor

这是一个伟大的免费工具，可以以你想要的方式为CSS代码添加格式，并优化你的CSS代码，使其更加轻量且易读。

4. Easy CSS Styler

这是一个可视化的CSS代码生成器，你只需要选择你想要的样式、形状和大小即可。你可以很方便地下载或复制自动生成的CSS代码，并应用在你的网站中。

5. Styleneat

一个CSS代码处理器，用于组织和标准化你的CSS代码。还可以按照CSS属性和选择器的字母顺序进行排序。

6. PCSS

一个基于PHP5的CSS格式化工具，可以帮助开发者编写更好的CSS代码，部分功能包括类嵌套、服务器端细节、默认单位和变量等。

7. Normalize

这是一个可定制的CSS文件，可以让现代浏览器一致地渲染所有的元素。该工具可评估主要浏览器之间的不同，以便精确检测到需要标准化的元素。

8. CSS Pivot

使用CSS Pivot，你可以添加CSS样式到任何网站，并可以使用一个短链接向其他人分享这些结果。

9. PrefixMyCSS

PrefixMyCSS非常易于使用，并会为你节省大量写代码的时间。它可以自动为CSS代码添加必要的属性。粘贴你的代码到左边的框中，点击“prefix”就会自动为CSS代码添加必要的前缀。

10. CSS Prefixer

CSS Prefixer无需多说，它可以帮助你轻松地为CSS添加格式，只需粘贴你需要增强的代码即可。

英文原文：http://www.jquery4u.com/dynamic-css-2/10-awesome-css-format-tools/ 

css 10 款非常棒的CSS代码格式化工具推荐的更多相关文章

  1. 10 款非常棒的CSS代码格式化工具推荐

    如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类.添加了多余的间隔或空行等等,这将导致代码臃肿.混乱,可读性和执行效率将大大降低. 本文为你整理了几款CSS工具, ...

  2. 10 款强大的JavaScript图表图形插件推荐

    转自:http://www.iteye.com/news/24535 网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器 ...

  3. 10 款基于 jQuery 的切换效果插件推荐

    本文整理了 10 款非常好用的 jQuery 切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换. 1. InnerFade 这是一个基于 jQuery 的小插件,可以实现 ...

  4. 10款 Mac 经典原型设计开发软件推荐

    在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能 ...

  5. 给开发者准备的 10 款最好的 jQuery 日历插件[转]

    这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希 ...

  6. 10款AJAX/CSS/HTML的在线表单生成器

    本文转载:http://www.oschina.net/news/24327/10-ajax-css-html-online-form-builder 在这篇文章中,我们将介绍10个超棒的在线表单生成 ...

  7. [CSS工具推荐]0001.推荐 10 个超棒的 CSS3 代码生成工具

    引言:新的在线工具和 WebApp 帮助开发者快速地创建网站而不用写代码.前端开发已经在框架和代码库方面有了很大的进展. 现在许多开发者已经忘记了代码生成器在构建网站时的价值.下面的资源是完全免费的 ...

  8. 17款提高编码效率的CSS工具

    摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快速生 ...

  9. Animate.css 一款牛逼的css3动画库

    Animate.css是一款很牛逼的,跨浏览器的css3动画库,使用方法也很简单只要引入一个animate.min.css就可以了, 简单使用 1 首先引入 animate的 css 文件样式 cdn ...

随机推荐

  1. 深入体会__cdecl与__stdcall

    在学习C++的过程中时常碰到WINAPI或者CALLBACK这样的调用约定,每每觉得十分迷惑.究竟这些东西有什么用?不用他们又会不会有问题?经过在网上的一番搜寻以及自己动手后,整理成以下的学习笔记.1 ...

  2. python paramiko模拟ssh登录，实现sftp上传或者下载文件

    Python Paramiko模块的安装与使用详解 paramiko是短链接,不是持续链接,只能执行你设定的shell命令,可以加分号执行两次命令. http://www.111cn.net/phpe ...

  3. APP生产流程图片解说

    尽我所能总结下一个app的生产过程,未必完整,也未必是所有的app产生的一个过程,不同公司会有很大的不同,我只是想总结下一般的大众的,做个参考. 需求策划: 设计: 开发: 测试: 发布没什么可画的了 ...

  4. nodejs【伪】入门教程

    声明: 本文适合白的不能再白的小白 不要被标题误导,本文不会讲nodejs基础,只是本人学习流程和资料的一个整合 如果想找一大堆教程自己看,没有电梯,自己拉到文章最下方吧   一.nodejs是什么 ...

  5. [原]innerText与innerHTML区别

    window.onload = function () {             document.getElementById('btn1').onclick = function () {    ...

  6. 菜鸟认识揭开DLL木马

    相信经常玩木马的朋友们都会知道一些木马的特性,也会有自己最喜爱的木马,不过,很多朋友依然不知道近年兴起的“DLL木马”为何物.什么是“DLL木马”呢?它与一般的木马有什么不同? 一.从DLL技术说起 ...

  7. 解决“Xlib.h not found when building graphviz on Mac OS X 10.8”错误

    After installing XQuartz you may add a symlink to your X11 installation folder by just entering (安装X ...

  8. flash cs6 更新到Flash player15.0 及Air 更新方法

    1.自行下载Air 15.0 sdk (Flash player 包含在内) 2.  到15.0Air 包 里找player :AIR15.0\frameworks\libs\player 里面有pl ...

  9. Spring.NET 中的 ADO.NET 数据访问的示例

    Spring.NET 1.3.1 中提供了一个使用 AdoTemplate 的完整示例,包括使用泛型和使用非泛型技术进行数据访问,这个示例位于下载的压缩包中\Spring.NET-1.3.1\Spri ...

  10. 打开另外一个App

    /** * 打开一个app * * @param packageName * @param data * @return */ public static boolean lanuchApp(Cont ...