<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>焦秋野 &#124; 关注网站设计,前端资讯,用户体验,SEO,网站设计 &#187; tools</title>
	<atom:link href="http://www.imjqy.com/tag/tools/feed" rel="self" type="application/rss+xml" />
	<link>http://www.imjqy.com</link>
	<description></description>
	<lastBuildDate>Wed, 01 Feb 2012 00:17:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>8款在线CSS优化工具/组织和压缩CSS</title>
		<link>http://www.imjqy.com/cssxhtml/csstools</link>
		<comments>http://www.imjqy.com/cssxhtml/csstools#comments</comments>
		<pubDate>Mon, 08 Feb 2010 08:53:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS+xHtml]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.imjqy.com/?p=27</guid>
		<description><![CDATA[CSS的优化通常包括两方面: 格式化CSS和精简CSS。 精简CSS的办法是把具有相同属性的 元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。 格式化CSS一般就是多行模式或单行模式的选择，比如 我个人就完全受不了多行模式 下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。 1. Online CSS Optimizer /在线CSS优化 该在线工具用于精简和压缩样式表的文件大小，优化后的代码将完全是混乱的，支持输入 URL，提交文件和直接输入进行压缩。 2. CSS Compressor/CSS压缩 作用同上，但这个工具拥有非常详细的压缩选项，它包含 基本模式和高级模式。 在基本模式下, 你可以选择压缩模式: 轻度，标准和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还可以选择CSS注释代码的处理: 不处理注释，清除所有注释或限定注释字符数。 在高级模式下，还可以对空白，Tab，新行等等进行选择处理。 3. CleanCSS / CSS格式化和优化工具 基 于 CssTidy 的一款在线CSS优化工具，既可以格式化CSS代码，也可以优化CSS减少CSS文件大小，包含非常详细的选项设置。比如选择 器和属性的排序，大小写转换等等。 4. CSS Analyzer / CSS有效性分析工具 检查样式表的有效性，验证样式表是否符合 W3c &#8230; <a href="http://www.imjqy.com/cssxhtml/csstools">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>CSS的优化通常包括两方面: <strong>格式化CSS和精简CSS</strong>。</p>
<p>精简CSS的办法是把具有相同属性的 元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。</p>
<p>格式化CSS一般就是多行模式或单行模式的选择，比如 我个人就完全受不了多行模式</p>
<p>下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。</p>
<p>1.  <a href="http://www.cssoptimiser.com/" target="_blank">Online CSS  Optimizer  /在线CSS优化</a></p>
<p>该在线工具用于精简和压缩样式表的文件大小，优化后的代码将完全是混乱的，支持输入 URL，提交文件和直接输入进行压缩。</p>
<p>2. <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor/CSS压缩</a></p>
<p>作用同上，但这个工具拥有非常详细的压缩选项，它包含 基本模式和高级模式。</p>
<p>在基本模式下, 你可以选择压缩模式:   轻度，标准和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还可以选择CSS注释代码的处理:   不处理注释，清除所有注释或限定注释字符数。</p>
<p>在高级模式下，还可以对空白，Tab，新行等等进行选择处理。</p>
<p>3. <a href="http://www.cleancss.com/" target="_blank">CleanCSS /  CSS格式化和优化工具</a></p>
<p>基 于 <a href="http://csstidy.sourceforge.net/" target="_blank">CssTidy</a> 的一款在线CSS优化工具，既可以格式化CSS代码，也可以优化CSS减少CSS文件大小，包含非常详细的选项设置。比如选择 器和属性的排序，大小写转换等等。</p>
<p>4. <a href="http://juicystudio.com/services/csstest.php" target="_blank">CSS   Analyzer / CSS有效性分析工具</a></p>
<p>检查样式表的有效性，验证样式表是否符合 W3c  标准，同时进行颜色对比测试和确保尺寸的单位(W3C的<a href="http://www.w3.org/TR/WCAG10-TECHS/#tech-relative-units">Guideline   3.4</a> 建议使用相对而非绝对单位，虽然px是相对单位，但是最终的字体大小却取决于输出介质，所以建议是使用百分比和em等尺寸 单位。)</p>
<p>5. <a href="http://www.lonniebest.com/FormatCSS/" target="_blank">Format CSS  Online /在线CSS格式化工具</a></p>
<p>这是一个专门用于格式化CSS样 式表文件的在线工具，讨论该使用”多行模式”还是”单行模式”或其它模式是没什么意义的，不如大家就按自己的模式去做，在协作的时候用工具重新格式化成自 己喜欢的模式就好了。</p>
<p>6. <a href="http://www.arantius.com/tools/tabifier.php" target="_blank">Tabifier</a></p>
<p>非常简单的格式化工具，通过增加代码的缩进来让代码更具可读性。</p>
<p>7.  <a href="http://www.prettyprinter.de/" target="_blank">Pretty  Printer</a></p>
<p>一 款多用途代码优化工具，提供多种选项，除 CSS 外，还支持 PHP，Java，C++，C，Perl，JavaScript 等多种语言。</p>
<p>8.  <a href="http://www.styleneat.com/index.php" target="_blank">Styleneat</a></p>
<p>简单易 用的CSS格式化工具，虽然选项不多，但还是蛮实用的，支持直接输入，上传文件和输入URL。</p>
<p>最后，个人的一些建议:  使用在线工具进行格式化，但不要使用在线工具进行压缩，最好自己手动进行一些元素和属性合并。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imjqy.com/cssxhtml/csstools/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

