仓酷云

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

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

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

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

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

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
网页制造poluoluo文章简介:这些无用的华侈了一些服务器空间和带宽损耗,也会增年夜我们的保护本钱。那末有无一些举措来清算那些无用的款式呢?明天就让我们来懂得一下几个对照有效的工具。
在我们写款式的时分,页面的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文件,并且还要手动输出:

IntelliJIDEA

IntelliJIDEA这是一个颇壮大的IDE,相似于Dreamweaver,不外在国际用的未几。该软件包含一个立即代码剖析工具(On-the-flyCodeAnalysis),能够剖析CSS文件中未用到的class和id。
ExpressionWeb

ExpressionWeb作为微软的新一代网站开辟工具,仍是有良多人利用的,其CSSReport功效能够反省未用到必要被扫除的CSS(我切实其实没有利用EW开辟过网站,但愿利用该软件的童鞋能够协助确认一下这一点)。
结语

固然大概另有别的的某些工具这里没有提到,假如人人有所懂得,能够与人人分享。
别的,一般我们将全部网站的款式写进一个或多个款式文件中,然后在页面中全体挪用大概分模块挪用,那末某个CSS文件中的款式大概在某个页面中切实其实没有效到可是在别的的页面中被用到了,以是利用这些工具检测CSS文件中过剩的款式的时分,必要坚持必定的审慎,扫除款式大概会影响到别的的页面,以是pagespeed供应的反省了局只合用于单个页面,不合适全部网站,而利用Dust-Me或CSSRedundancyChecker的时分能够对全部网站大概网站的多个页面同时反省,如许大概能制止十拿九稳。
PS:ThankstoKnowledgeCapsules’sworkverymuch.

凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-17 23:24:42 | 只看该作者
可以使用CSS检查工具进行设计。
分手快乐 该用户已被删除
板凳
发表于 2015-1-23 13:31:44 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
变相怪杰 该用户已被删除
地板
发表于 2015-1-31 18:50:24 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
简单生活 该用户已被删除
5#
发表于 2015-2-6 22:40:46 | 只看该作者
可以使用 CSS 检查工具进行设计。
愤怒的大鸟 该用户已被删除
6#
发表于 2015-2-19 04:39:53 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
海妖 该用户已被删除
7#
发表于 2015-3-6 13:07:35 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
飘灵儿 该用户已被删除
8#
发表于 2015-3-13 02:09:00 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
老尸 该用户已被删除
9#
发表于 2015-3-20 10:11:28 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 21:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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