仓酷云

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

[DIV+CSS] 给大家带来CssGaga教程:css兼并与CSS优化

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

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

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

x
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
破洛洛文章简介:CSSGagaCcss兼并和CSS优化
CssGaga–css兼并

勾选兼并开启此功效
Before:
  1. @importurl("reset.import.source.css");@importurl("grid.import.source.css");@importurl("mod-1.source.css");/*mod-1.source.css中@importurl("media.source.css");*/@importurl("mod-2.css");@importurl("../mod-3.source.css");@importurl("http://imgcache.qq.com/qzonestyle/mod-4.source.css");
复制代码
After:
  1. @importurl(media.css);@importurl(mod-2.css);@importurl(../mod-3.css);@importurl(http://imgcache.qq.com/qzonestyle/mod-4.css);[reset.import.source.css处置后的代码][grid.import.source.css处置后的代码][mod-1.source.css处置后的代码]
复制代码
注:


  • 只兼并同级的*.source.css
  • 文件名包括“.import.source.css”的文件不会天生到当地和同步目次(比方,不会天生到72等服务器),处置时会主动跳过
  • 只兼并一次,若mod-1.source.css中import了其他css文件(即使同级)则不做处置
CssGaga–css优化

保存空格(IE6bug)

Before:
  1. .classname:first-letter{font-weight:bold;}.classname:first-line{font-weight:bold;}
复制代码
After:
  1. .classname:first-letter{font-weight:bold}.classname:first-line{font-weight:bold}
复制代码
中笔墨体Unicode编码

Before:
  1. .classname{font-family:宋体;}.classname{font-family:黑体;}.classname{font-family:微软雅黑;}
复制代码
After:
  1. .classname{font-family:5B8B4F53}.classname{font-family:9ED14F53}.classname{font-family:5FAE8F6F96C59ED1}
复制代码
注:撑持以上三种字体
删除不平安字体sans-serif(IE8bug)

Before:
  1. .classname{font-family:宋体,sans-serif;}
复制代码
After:
  1. .classname{font-family:5B8B4F53}
复制代码
cursor天生根路径(IE6&7bug)

Before:
  1. {cursor:url(absolute/pre.cur),auto;}
复制代码
After:
  1. {cursor:url(http://imgcache.qq.com/qzonestyle/css/absolute/pre.cur),auto}
复制代码
天生IE6alpha滤镜

Before:
  1. @importurl(media.css);@importurl(mod-2.css);@importurl(../mod-3.css);@importurl(http://imgcache.qq.com/qzonestyle/mod-4.css);[reset.import.source.css处置后的代码][grid.import.source.css处置后的代码][mod-1.source.css处置后的代码]0
复制代码
After:
  1. @importurl(media.css);@importurl(mod-2.css);@importurl(../mod-3.css);@importurl(http://imgcache.qq.com/qzonestyle/mod-4.css);[reset.import.source.css处置后的代码][grid.import.source.css处置后的代码][mod-1.source.css处置后的代码]1
复制代码
注:


  • cur及png文件地点的absolute文件夹与css同级且援用时为绝对路径
  • 需在设置文件里设置上面两项的对应干系
    1. @importurl(media.css);@importurl(mod-2.css);@importurl(../mod-3.css);@importurl(http://imgcache.qq.com/qzonestyle/mod-4.css);[reset.import.source.css处置后的代码][grid.import.source.css处置后的代码][mod-1.source.css处置后的代码]2
    复制代码
    1. @importurl(media.css);@importurl(mod-2.css);@importurl(../mod-3.css);@importurl(http://imgcache.qq.com/qzonestyle/mod-4.css);[reset.import.source.css处置后的代码][grid.import.source.css处置后的代码][mod-1.source.css处置后的代码]3
    复制代码
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
简单生活 该用户已被删除
沙发
发表于 2015-1-17 20:55:38 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
蒙在股里 该用户已被删除
板凳
发表于 2015-1-25 08:48:53 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
山那边是海 该用户已被删除
地板
发表于 2015-2-2 21:43:15 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-8 07:32:55 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
若相依 该用户已被删除
6#
发表于 2015-2-25 01:00:49 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
莫相离 该用户已被删除
7#
发表于 2015-3-7 16:05:22 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
小魔女 该用户已被删除
8#
发表于 2015-3-15 09:39:06 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
金色的骷髅 该用户已被删除
9#
发表于 2015-3-22 01:07:01 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-5 07:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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