css美化、优化、合并工具推荐

其实很多时候，我们写完css规则之后，我们思考的无非就是3件事情：

  1. 验证
  2. 美化
  3. 压缩

当然无论是我们自己做这样的工具还是寻找一些比较好的成熟的工具，都有几个期望：

  • 是否支持一些ie下的hack方式：

*property:value

_property:value

property:valye\9

  • 是否支持@import
  • 是否支持@charset "UTF-8"
  • 是否支持!important

等等。。。。。

下面简单介绍2款我比较常用工具：

1、CSSTidy

  • 可以对css进行压缩，可以自动将注释和多余的属性去掉
  • 不内置验证工具
  • 不支持expression

也可以试用下面地址：

http://www.css88.com/tool/csstidy/?lang=cn

2、FormatCSS

非常简单看看就知道，有时间我再补充这一段。

扩展阅读：

1、脚本之家提供的在线地址:http://www.jb51.net/tools/cssyasuo.shtml

2、http://www.iteye.com/news/23692  更多的推荐工具

时间： 2025-01-02 11:16:05

css美化、优化、合并工具推荐的相关文章

CSS 和 JS 文件合并工具

写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令页面性能下降. 我们期望可以将代码细分成多个模块, 而在使用的时候可以合而为一. 本文会介绍一个 CSS 和 JS 的合并工具, 对模块化的文件进行管理. CSS 和 JS 合并工具的发展 对于 CSS/JS 合并和压缩的问题, 有很多解决方案, 我所在的团队也经历了几个阶段. 网站刚刚搭建的时候,

CSS Sprite小图片自动合并工具

css-sprite是将css样式中零星的小图标,小图片合并成大图显示,这样能减小服务器并发连接数,减小服务器负载和带宽使用,有很高的实用价值.这里介绍一些自动合并图片并生成样式的工具. NodeJS css-sprite css-sprite是一个基于NodeJS实现的css切图自动合并工具,能自动将小图片合成大图,支持retina sprites和base64输出格式. 注* retina sprites视网膜屏幕指的是接近人眼能够直观感受到的基础色素级别的输出格式.Base64是将图片转化

高性能WEB开发(6) - web性能测试工具推荐

WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现.JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍,如果谁有更好的工具也请一起分享下. Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图: HttpWatch : httpwatch 功能类似firebug,可以监控请求头,响应头,显示资源加载瀑布图.但是httpwatch还能显示GZIP压缩信息,DNS查询

CSS规范 - 优化方案

值缩写 缩写值可以减少CSS文件大小,并增加可读性和可维护性. 但并非所有的值都必须缩写,因为当一个属性的值缩写时,总是会将所有项都设置一遍,而有时候我们不希望设置值里的某些项. /* 比如我们用下面这个样式来让某个定宽的容器水平居中,我们要的只是left和right, * 而top和bottom不是这个样式要关心的(如果设置了反倒会影响其他样式在这个容器上的使用), * 所以这时我们就不需要缩写 */ .f-mgha{margin-left:auto;margin-right:auto;} /

第二次讨论——响应式设计、布局技巧、css性能优化、css预处理

第二次讨论 [响应式设计] 集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相对应的布局. 响应式布局: meta标签的实用:设置布局宽度等于设备宽度,布局viewport等于度量viewport <meta name="viewport" content="width=device-width,initial-scale=1"> [[布局]] [水平居中] 一.text-align和inline

开发和常用工具推荐清单

常说"工欲善其事必先利其器", 下面的一些工具软件,必能提高你的工作效率. 开发相关 Resharper(收费) 如果说在VS中,必装的插件是什么,那么一定是Resharper.园中甚至有看到朋友因为老板不愿意掏钱买Resharper而辞职.(不过我觉得也对,如果老板认为工具比人值钱,跟这样的老板混,也没什么前途) 在VS扩展的网站上,Resharper排名第三. 使用Resharper有几大好处: 分析和提示如何改进和提高代码质量 方便单元测试 方便重构 快速定位代码和文件 关于Re

10大主流压力测试工具推荐

在移动应用和Web服务正式发布之前,除了进行必要的功能测试和安全测试,为了保证互联网产品的服务交付质量,往往还需要做压力/负载/性能测试.然而很多传统企业在试水互联网+的过程中,往往由于资源或产品迭代速度等原因忽视了这一块工作,导致新产品上线之后频繁出现卡顿等严重影响用户体验的问题.那么互联网产品为什么要进行压力/负载/性能测试,又有哪些工具帮我们实现呢,本文将为您细说端详. 压力/负载/性能测试之异同 在产品研发过程中,常常会混淆压力/负载/性能测试这三者之间的区别,这三种测试到底有什么不同呢

大前端应用开发与架构设计-使用CSS美化Web站点(一)

大前端应用开发与架构设计-使用CSS美化Web站点(一) 大前端应用开发与架构设计 3.1 CSS概述 CSS(Cascading Style Sheets)即层叠样式表,是用来控制HTML元素的外观样式(例如字体颜色.大小以及元素的定位等等),目前最新的版本是CSS3. 网页中使用HTML+CSS能够实现网页的元素与外观样式分离,也就是HTML只负责页面元素以及语义部分,CSS负责页面的外观样式,这也是W3C组织推荐的做法,尽量使用CSS取代HTML属性,因为如果让HTML既负责页面结构,又要

淘宝卖家工具推荐

宝贝编辑工具:淘宝助理 淘宝助理是一个功能强大的客户端工具软件,它可以帮助您编辑宝贝信息,快捷批量上传宝贝,并提供方便的管理界面. 宝贝克隆:甩手工具箱 超级店长:优点,功能多  缺点,批量处理效率差! 欢乐逛:  手机详情页一键生成.优点,处理速度快,也很稳定  缺点:基本功能都有,但没某些软件使用方便! NO.1 淘宝旺铺  推荐指数:★★★★★ 简介:淘宝官方旺铺装修工具,开店装修必备 链接:http://fuwu.taobao.com/ser /detail.htm?spm=a1z13.