CSS压缩：技巧与工具
作者：神采飞扬 来源：前端观察 发布时间：2009-12-11 18:26:00
学习编写简练、优化的CSS需要大量的实践和一种不自觉的强迫性清洁的渴望。然而让你的CSS保持整洁并不仅仅是你对清洁的疯狂的心理需求，尤其对于大型网站来说，这会使页面加载更快。更快的加载时间就等同于提高可用性和较高的用户满意度。
很多人都有代码洁癖。这不是件坏事。
本文将整理集中你可以用来优化你的CSS的技术，以及一些可以自动压缩你的代码的在线和桌面压缩工具。
压缩还是不压缩
在我们讨论如何压缩CSS之前，需要注意一下在压缩和代码的易读性上常常要有个平衡。很多编码者以其CSS组织清晰为傲，而且并不希望自己的代码被通过压缩器去掉注释和断行。作为一个设计师，你应该分析你所编写的代码的目标。如果你要创建一个小的只需要几行CSS的网站，可能就没有必要做额外的压缩。同样，如果你在编写需要和一个开放团队分享的代码，插入额外的注释和断行可以节省你的同事的大量时间并获得他们真心的感谢。然而，如果你在设计一个需要大量CSS的大型网站，你肯定要注意你的文件大小并进你所能保持其最小。
可能在寻找压缩和可能性之间的完美结合上面需要花一些时间，但是它们都值得挖掘而且实现它们的平衡可以让你的工作变得容易很多。同时，很明显并不是说压缩一定会导致可读性的降低。很多可用于压缩代码的技术都能生成更好更有组织的代码。
考虑到这一点儿，让我们开始了解一些技术已保持CSS文件最小化吧。
空白样式定义
让我们从明显的开始。如果你有一个空白样式，丢掉它。不要借口稍后或许会用到，你也知道它们是杂乱的。除非你有一个合理的理由，否则不要添加它们。
缩写
CSS缩写是一种将多行CSS合并到单行的方法。 养成使用你知道的所有缩写技巧的习惯可以明显的减少你最终写出的代码的行数。这里是个例子：
长写版本:
#container{ padding-top:5px padding-right:10px padding-bottom:30px padding-left:18px}
缩写版本:
#container{ padding:5px 10px 30px 18px;}
了解更多CSS缩写技巧，可以访问下面的文章：
0
投稿猜你喜欢
- 毫无疑问，这个世界设计无处不在，优美的设计会得到会心的微笑和由衷的赞赏。然而，想从事设计或在设计边缘的人们未必有机会学习专业的设计。实际上，
- 优秀的Stoyan Stefanov在他的新书中（《Javascript Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全
- 到目前为止，我已经开发了两个HTML编辑器了，一个用在公司的CMS项目，另一个用在这个Blog（TidyEditor，暂时没有单独发布）。下
- 我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用I
- 代码如下:CREATE FUNCTION [dbo].[udf_DaysInMonth] ( @Date DATETIME )
- 因此，在我接触那么多种语言当中，asp是最不严格的一种，是对程序员要求最低的一种。 昨天测试了asp.net、php和asp的运行速度比较，
- /* --注意：准备数据（可略过，非常耗时） CREATE TABLE CHECK1_T1 ( ID INT, C1 CHAR(8000)
- 在SQL Server Management Studio 用WINDOWS连接的情况下改实列的“属性&rdqu
- 1、很多B2C或者淘宝的卖家反应，下单了但没有支付的占有率超过30％，有的甚至到40％。对于冲动性消费的商品来说，这个70％左右的转化率其实
- 最近关于HTML5吵得火热，很多人认为HTML5出现会秒杀Flash，以至于在各大web前端开 * 坛吵得不可开交。论坛里三言两语说的不够 尽
- 什么是索引拿汉语字典的目录页（索引）打比方：正如汉语字典中的汉字按页存放一样，SQL Server中的数据记录也是按页存放的，每页容量一般为
建立资料表：Step1首先开启phpmyadmin，进入wordpress资料库中，并新增一个wp_gbook的资料表与栏位数目8。Step- 各大著名厂家、公司的banner广告设计欣赏，尺寸468x60，gif格式！有acer，阿尔卡特，AMD，中国电信，爱立信，Greatwal
- 搞了一上午，头都大了！最终解决问题。其实这问题老早就遇上了，但是比较懒，三下两下没整好便推开了搜索了一下，产生< msxml3.dll
- 比较简单的一个页面,类似csdn论坛在ns下的左边列表 描述: 1. 数据名:tree.mdb 表名:tree 表结构:id(自编)&nbs
- 在使用操作XML文件时,我们可以使用Load方法直接加载xml文件即可，在ie和ff下通用。但是是XML字符串，则在两种浏览器下就会有所不同
- 经典鼠标控制左右滚动,图片间隔无缝滚动,悬停滚动,图片控制左右滚动JavaScript代码<!DOCTYPE html PUBLIC
- 见下表：序号列类型需要的存储量1TINYINT1 字节2SMALLINT2 个字节3MEDIUMINT3 个字节4INT4 个字节5INTE
- 随着网站访问量的加大，每次从数据库读取都是以效率作为代价的，很多用ACCESS作数据库的更会深有体会，静态页加在搜索时，也会被优先考虑。互联
- 在数据库的开发过程中，经常会遇到复杂的业务逻辑和对数据库的操作，这个时候就会用SP来封装数据库操作。如果项目的SP较多，书写又没有一定的规范
