blocks|key|880117|text|通常，您只需删除所有不必要的空白。记住保持原版，这样你就不会失去在编辑网站以后的可读性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|880118|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Generally you just remove all unnecessary whitespace. Remember to keep the original as well, so you don't lose readability when editing the site later.

blocks|key|880136|text|除非您有一个通常较大的CSS文件，否则我会选择CSS文件的可读性和可修改性，而不是使用较小的CSS文件。因为CSS文件是静态的(大部分是静态的)，所以大多数浏览器都能很好地缓存它们。虽然您的所有建议都是好的，但是将现在不同文档元素相同的内容结合起来，可能会在将来只需要更改其中一个项目时造成严重破坏。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|880137|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Unless you have an usually large CSS file, I would opt for readability and modifiability of the CSS file rather than having a smaller CSS file. Since CSS files are static (for the most part), most browsers will do a really good job of caching them. While all your suggestions are good ones, combining things that are the same now for different document elements can wreak havoc in the future when you only want to change one of those items.

blocks|key|226804|text|我认为确保css文件被css服务器压缩是您最大的带宽节省。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|226805|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think making sure css files are gzipped by the webserver is your biggest bandwidth saver.

blocks|key|880205|text|我不知道要删除冗余样式的工具，但是如果您出于性能原因想减少文件大小，那么有几种小型工具：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|880206|请参见：|880207|缩放的艺术|unordered-list-item|offset|length|880208|一个更好的CSS扫雷器|880209|entityMap|0|LINK|mutability|MUTABLE|url|http://www.artofscaling.com/css-minifier/|1|http://www.dimebrain.com/2008/03/a-better-css-mi.html^0|0|0|0|5|0|0|0|B|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|J|5|F|7|10|8|@]|9|@$G|11|H|12|1|13]]|A|$]]|$1|K|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

I'm not aware of tools to remove redundant styles, but if you want to reduce file size for performance reasons there are several minifing tools out there:

See: 

<ul>
<li><a href="http://www.artofscaling.com/css-minifier/" rel="nofollow noreferrer">The art of Scaling</a> </li>
<li><a href="http://www.dimebrain.com/2008/03/a-better-css-mi.html" rel="nofollow noreferrer">A better CSS minifier</a></li>
</ul>

blocks|key|226935|text|一个好主意是压缩css。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|226936|这不是压缩式压缩，它实际上是重写CSS+(也称为小型化)。当然，您也可以使用mod_gzip或mod_deflate。|style|CODE|226937|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/183434/what-is-a-good-cross-platform-css-compressor^0|6|5|0|0|12|8|1B|B|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]|$A|W|B|X|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

A good idea is to <a href="https://stackoverflow.com/questions/183434/what-is-a-good-cross-platform-css-compressor">compress your css</a>.

This isn't zip-style compressing, it's actually re-writing the CSS (aka minification).
Of course, you can use <code>mod_gzip</code> or <code>mod_deflate</code> as well.

blocks|key|1226080|text|“像这样的东西存在吗？”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1226081|当然了。请参阅CSS+Tidy工具。|offset|length|1226082|不过，我不认为它会删除未使用的css。有关这一点，请参阅Sitepoint的清除我的选择器。|1226083|entityMap|0|LINK|mutability|MUTABLE|url|http://csstidy.sourceforge.net/|1|http://www.sitepoint.com/dustmeselectors/^0|0|7|8|0|0|12|7|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

"Does something like this exist?"

Of course. See the <a href="http://csstidy.sourceforge.net/" rel="nofollow noreferrer">CSS Tidy</a> tool.

I do not believe that it removes unused css, though. See Sitepoint's <a href="http://www.sitepoint.com/dustmeselectors/" rel="nofollow noreferrer">Dust Me Selectors</a> for that.

blocks|key|875748|text|好的，您不希望为KB创建一个小文件(使用gzip压缩更有效！)但要修剪过时的风格，这确实会改善维护。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|875749|我不知道您想要的理想工具是否存在，但是Firebug+(Firefox的扩展)可以告诉您需要的是给定HTML元素使用的CSS元素。不是自动化的，但仍然是一个宝贵的工具。|875750|您还可以编辑活动CSS，查看删除样式元素是否会更改HTML页面。|875751|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

OK, you don't want a small file for the KB (using gzip compression is more effective!) but to prune the obsolete styles, which indeed would improve maintenance.

I don't know if the ideal tool you want exists, but Firebug (an extension for Firefox) can tell you want are the CSS elements used by a given HTML element. Not automated, but still a precious tool. 
You can also edit the live CSS, to see if removing a style element alters the HTML page.

Suppose A.css styles B.html. What tools/techniques are there to programmatically reduce the size of A.css while holding its styling effects on B.html constant? Here are some techniques I would imagine such a tool using:

<ol>
<li>Remove redundancies in A.css. For example, if the same class is defined twice you can remove the second definition without affecting semantics. This seems pretty easy.</li>
<li>Remove style definitions that aren't used. Does A.css style any elements that don't appear in B.html? If so, remove them.</li>
<li>Combine styles where appropriate. If A.css defines styles for div.x and div.y and every div that happens to have class x also has class y, one could combine the class definitions in A.css.</li>
</ol>

A different strategy would be to have a tool that examines the computed styles of each element in a piece of styled HTML and spits out the minimal style sheet that would preserve the computed styles. Does something like this exist?

<h2>UPDATE</h2>

Let me explain how I got in this situation. The CSS file in question is for an email, and it was created by basically copying a similar CSS file that we used in an associated web page. Because the HTML in the email is a proper subset of the HTML in the web page from which the CSS came, some of the CSS in the email is superfluous.

Minimize CSS length holding style of given HTML constant

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

假设A.css样式为B.html。有哪些工具/技术可以编程地减少A.css的大小，同时保持其对B.html常量的样式效果？下面是一些我可以想象的这样一个工具使用的一些技巧：删除A.css.中的冗余，例如，如果同一个类定义了两次，则可以删除第二个定义而不影响语义。这似乎很容易。删除不使用的样式定义。A.css是否样式没有...

问最小化给定HTML常量的CSS长度保持样式
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问最小化给定HTML常量的CSS长度保持样式EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问最小化给定HTML常量的CSS长度保持样式
EN