仓酷云

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

[DIV+CSS] 来看看:清算无用的CSS款式对照有效的几个东西

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

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

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

x
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
网页制造poluoluo文章简介:在我们写款式的时分,页面的CSS在履历几个版本的修正以后,大概有些款式已用不到了,也许将某些款式改名了而本来的忘了删除,总之页面中大概存在着一些无用的款式。这些无用的华侈了一些服务器空间和带宽损耗,也会增年夜我们的保护本钱。那末有无一些举措来清算那些
在我们写款式的时分,页面的CSS在履历几个版本的修正以后,大概有些款式已用不到了,也许将某些款式改名了而本来的忘了删除,总之页面中大概存在着一些无用的款式。这些无用的华侈了一些服务器空间和带宽损耗,也会增年夜我们的保护本钱。那末有无一些举措来清算那些无用的款式呢?明天就让我们来懂得一下几个对照有效的工具。
Dust-Meselectors
Dust-Me是一个很有效也很好用的Firefox插件,它能够剖析到你的页面中挪用的一切CSS文件并剖析那些在页面中没有被用到。
撑持当地和远程款式文件,包含利用link标签、<?xml-stylesheet?>处置指令、@import语句等体例引进的款式文件;(可是不撑持页面中的style块和内联款式)
撑持IE前提正文中引进的款式文件;
能够反省一个页面,也能够反省全部网站;
撑持CSS1选择器、年夜部分CSS2和CSS3选择器;
了解通用的CSShack,好比“*html#fuck-ie”将会被以为是”html#fuck-ie”;
撑持Firefox3.5和Firefox3.0,现实上得益于FF3.5的js引擎的改善,FF3.5中的功能比FF3.0要高50%。
安装:点击这里。懂得更多请会见Dust-Meselector官方页面。
PageSpeed
PageSpeed是Google供应的一个前端功能剖析工具,有些相似于YSlow,可是供应了一些对照本性且很有效的工具,好比RemoveunusedCSS.
PageSpeed和YSlow一样依附Firebug,懂得概况和安装请会见这里。

CSSRedundancyChecker

CSSRedundancyChecker是一个收费的在线使用,能够反省一切的利用某个CSS文件的页面中无用的款式。能够同时反省某一个款式在多个页面中的利用情形。该工具的不敷是固然一次能反省多个HTML页面,但每次只能反省一个CSS文件,并且还要手动输出
http://services.immike.net/css-checker/
IntelliJIDEA
IntelliJIDEA这是一个颇壮大的IDE,相似于Dreamweaver,不外在国际用的未几。该软件包含一个立即代码剖析工具(On-the-flyCodeAnalysis),能够剖析CSS文件中未用到的class和id。
ExpressionWeb
ExpressionWeb作为微软的新一代网站开辟工具,仍是有良多人利用的,其CSSReport功效能够反省未用到必要被扫除的CSS(我切实其实没有利用EW开辟过网站,但愿利用该软件的童鞋能够协助确认一下这一点)。
</p>
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
山那边是海 该用户已被删除
沙发
发表于 2015-1-17 22:31:18 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
深爱那片海 该用户已被删除
板凳
发表于 2015-1-24 12:02:42 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
小妖女 该用户已被删除
地板
发表于 2015-2-1 10:31:21 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
老尸 该用户已被删除
5#
发表于 2015-2-7 05:47:19 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
兰色精灵 该用户已被删除
6#
发表于 2015-2-21 00:46:59 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
冷月葬花魂 该用户已被删除
7#
发表于 2015-3-20 18:23:10 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 09:26

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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