如何删除 多余 css?

html-css013

如何删除 多余 css?,第1张

删除多余的css,首先我们需要明确是,确实不需要这个css样式了,或者是这个css的样式重复了,我们才会去删除,删除的方法就是找到多余的css代码的位置,然后在选中用del删除就行了,具体看代码:

<html>

<head>

<style>

.div1{

width:600px

height:200px

font-size:13px

border:1px solid #f00

}

.div p{

font-size13px//这条就是多余的,因为在它的父级元素中设置了,可以删除

}

</head>

<body>

<div class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

IE tab:可以切换到IE内核,对付那些不支持chrome的网银。

Undo Close Tab:可以恢复最近关闭的标签页。

Neat Bookmarks:把书签放到扩展区域,方便打开。

Speed Dial:优化chrome的新建标签页,可以放一堆自己常去的站点。

Eye Dropper :作为Google Chrome及Chromium的插件Eye Dropper,它允许开发者从任何网页或颜色选择器中挑选你所喜爱的色彩。这是一款伟大的工具,你值得拥有。

Page Load Time :这款插件帮你检测页面加载时间并在工具栏中显示。Web Timing API就是专门用来检测的。

WhatFontis:该插件可用来识别图片字体,将图片发送至某个特定的网站,紧接着便会显示不同的字体样式。

Responsive Web Design :这款附加的插件在响应式网站中起到至关重要的作用。如今,你无需一次又一次的调试浏览器大小,只需输入网站域名,该插件便会告诉你显示何种状态。

Unused CSS Selectors :这款插件可帮助用户/开发者查找出许多无用的DIV和CLASSES。如果你想要正确维护网站的CSS,该插件便是最佳选择。

WP Write :这款插件获得了Google Chrome用户的由衷称赞,其拥有世界上最强大的插件和模板。基于此插件使Chrome再无障碍的情况下编写起来更加快速。

Supercounters :开发者通常会使用“浑身解数”来维护网站的高流量。尽管Google analytic或Stat Counter为你提供较为详细的网站流量,但这款不被“重视”的Supercounters你也不应错过,该插件能够在浏览器里直接显示当前网站流量,无需在花费额外时间去做网站分析。

True Whois Lookup:这款插件帮助你显示任何域名的认证信息。互联网上有很多域名无法从主站上进行购买,比如godaddy.com;而今,域名的所有者只需通过此插件就可确认并做好下一步计划。

Miny.co | URL Shortener:你是否厌倦了给朋友分享长网址?你是否在想有什么方法能够把链接快速分享给朋友?别着急,在这款插件中输入任意URL,你将收获一个短链接且独特的miny.co URL。

Google Font Previewer for Chrome:Google Font允许你根据所需来挑选字体样式,并可预览当前的文本。

如果你用chrome的话,控制台有个audits tab,

选择web page performance(也可以用默认),run一下就能看的以下信息:

Put CSS in the document head (1)

CSS in the document body adversely impacts rendering performance.

Link node application.css should be moved to the document head in http://xxx.xxx.xxx.xxx/

Remove unused CSS rules (3637)

3637 rules (93%) of CSS not used by the current page.

application.css: 93% is not used by the current page.(这里还可以展开看列表)

Use normal CSS property names instead of vendor-prefixed ones (1)

application.css

.tooltip

"-webkit-box-shadow" is used, but "box-shadow" is supported.