论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

DIV+CSS教程_简单十步将CSS压缩至一行

文章类别:div+css | 发表日期:2011-4-20 9:25:32

DIV+CSS教程_简单十步将CSS压缩至一行

如果你不希望代码看着很臃肿,如果你是个简洁主义者,那么就看看下面如何将CSS代码压缩吧。

一 去掉因依赖代码提示产生的冗余字节:

1 去掉"{"右边的空格;

2 去掉";"右边的空格;

3 去掉"}"左边的";";

4 去掉":"左右的空格;

5 去掉"!important"左边的空格;

二 去掉提高代码可读性的冗余字节:

6 去掉tab缩进;

7 去掉换行\r\n;

8 去掉注释\/\*(\s|.)*?\*\/;

三 建议书写时保持良好习惯的一些处理:

9 去掉":0px"和"空格+0px"结构的"px";

四 存在expression的情况下:

10 如果存在判断则去掉"?","<",">","=","(",")"左右的空格;//记得不要开正则替换,否则会很惨

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058