仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 686|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 给大家带来CssGaga教程:css紧缩

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:15:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
破洛洛文章简介:CSSGagaCcss紧缩.

  • 此功效默许开启
  • 勾选换行则每条划定规矩后换行,不然全体压为一行(MHTML除外)
CssGaga参考了一部分YUICompressor,具有比YUICompressor更极限的紧缩
往除正文和空缺

Before:
  1. /*****Multi-linecommentbeforeanewclassname*****/.classname{/*commentindeclarationblock*/font-weight:normal;}
复制代码
After:
  1. .classname{font-weight:normal}
复制代码
往除开头的分号

Before:
  1. .classname{border-top:1px;border-bottom:2px;}
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px}
复制代码
Before:
往除过剩的分号
  1. .classname{border-top:1px;;border-bottom:2px;;;}
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px}
复制代码
往除有效的划定规矩

Before:
  1. .empty{;}.nonempty{border:0;}
复制代码
After:
  1. .nonempty{border:0}
复制代码
往除零值的单元并兼并过剩的零

Before:
  1. a{margin:0px0pt0em0%;background-position:00ex;padding:0in0cm0mm0pc}
复制代码
After:
  1. a{margin:0;background-position:00;padding:0}
复制代码
往除小数点前过剩的0

Before:
  1. .classname{font-weight:normal}0
复制代码
After:
  1. .classname{font-weight:normal}1
复制代码
紧缩border、outline

Before:
  1. .classname{font-weight:normal}2
复制代码
After:
  1. .classname{font-weight:normal}3
复制代码
色值紧缩

Before:
  1. .classname{font-weight:normal}4
复制代码
After:
  1. .classname{font-weight:normal}5
复制代码
不紧缩RGBA与IE滤镜中的色值

Before:
  1. .classname{font-weight:normal}6
复制代码
After:
  1. .classname{font-weight:normal}7
复制代码
往除编码声明

Before:
  1. .classname{font-weight:normal}8
复制代码
After:
  1. .classname{font-weight:normal}9
复制代码
紧缩IE滤镜

Before:
  1. .classname{border-top:1px;border-bottom:2px;}0
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px;}1
复制代码
往除过剩引号

Before:
  1. .classname{border-top:1px;border-bottom:2px;}2
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px;}3
复制代码
Before:
  1. .classname{border-top:1px;border-bottom:2px;}4
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px;}5
复制代码
不影响一般的引号

Before:
  1. .classname{border-top:1px;border-bottom:2px;}6
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px;}7
复制代码
对HACK的影响

撑持经常使用HACK

Before:
  1. .classname{border-top:1px;border-bottom:2px;}8
复制代码
After:
  1. .classname{border-top:1px;border-bottom:2px;}9
复制代码
不撑持以下HACK
  1. .classname{border-top:1px;border-bottom:2px}0
复制代码
  1. .classname{border-top:1px;border-bottom:2px}1
复制代码
</p>
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 20:55:38 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
再现理想 该用户已被删除
板凳
发表于 2015-1-24 11:29:08 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-2-1 10:09:24 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
admin 该用户已被删除
5#
发表于 2015-2-7 05:11:11 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
透明 该用户已被删除
6#
发表于 2015-2-20 23:51:11 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
兰色精灵 该用户已被删除
7#
发表于 2015-3-6 19:40:53 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
老尸 该用户已被删除
8#
发表于 2015-3-13 08:09:41 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
活着的死人 该用户已被删除
9#
发表于 2015-3-20 17:53:10 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-9-27 21:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表