http://wiki.blueidea.com/index.php?action=history&feed=atom&title=%E4%B9%A6%E5%86%99%E9%AB%98%E6%95%88%E7%8E%87%E7%9A%84CSS
书写高效率的CSS - 版本历史
2026-04-29T01:38:36Z
本wiki的该页面的版本历史
MediaWiki 1.24.1
http://wiki.blueidea.com/index.php?title=%E4%B9%A6%E5%86%99%E9%AB%98%E6%95%88%E7%8E%87%E7%9A%84CSS&diff=6671&oldid=prev
yoom：/* 将外链添加为蓝色内部链接 */
2010-03-23T04:07:04Z
<p><span dir="auto"><span class="autocomment">将外链添加为蓝色内部链接</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-03-23T04:07:04的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第12行：</td>
<td colspan="2" class="diff-lineno">第12行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://ued.koubei.com/?p=165 高效的CSS]<ref>来自：[http://ued.koubei.com/ 口碑网UED]，发表于：2008年01月21日</ref></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://ued.koubei.com/?p=165 高效的CSS]<ref>来自：[http://ued.koubei.com/ 口碑网UED]，发表于：2008年01月21日</ref></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*[http://www.<del class="diffchange diffchange-inline">qianduan</del>.<del class="diffchange diffchange-inline">net</del>/<del class="diffchange diffchange-inline">in-the-mozilla-ui-in-writing-efficient-css</del>.<del class="diffchange diffchange-inline">html </del>在 Mozilla UI 中书写高效率 CSS]<ref>来自：[http://www.qianduan.net 前端观察]，译者：[http://www.qianduan.net/author/gaowhen 糖伴西红柿]，发表于：2010年03月19日。</ref><ref>原文：[https://developer.mozilla.org/en/Writing_Efficient_CSS Writing Efficient CSS for use in the Mozilla UI]，Mozill以优化CSS选择符来提高CSS渲染效率的一篇文章，发表于2000年。 </ref><ref>会员[[user:stu66|stu66]]对[[CSS选择符]]效率问题而发表的讨论：[http://bbs.blueidea.com/viewthread.php?tid=2970132 阅读"Writing Efficient CSS"的困惑]</ref>。</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*[http://www.<ins class="diffchange diffchange-inline">blueidea</ins>.<ins class="diffchange diffchange-inline">com</ins>/<ins class="diffchange diffchange-inline">tech/web/2010/7459</ins>.<ins class="diffchange diffchange-inline">asp </ins>在 Mozilla UI 中书写高效率 CSS]<ref>来自：[http://www.qianduan.net 前端观察]，译者：[http://www.qianduan.net/author/gaowhen 糖伴西红柿]，发表于：2010年03月19日。</ref><ref>原文：[https://developer.mozilla.org/en/Writing_Efficient_CSS Writing Efficient CSS for use in the Mozilla UI]，Mozill以优化CSS选择符来提高CSS渲染效率的一篇文章，发表于2000年。 </ref><ref>会员[[user:stu66|stu66]]对[[CSS选择符]]效率问题而发表的讨论：[http://bbs.blueidea.com/viewthread.php?tid=2970132 阅读"Writing Efficient CSS"的困惑]</ref>。</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==备注==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==备注==</div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=%E4%B9%A6%E5%86%99%E9%AB%98%E6%95%88%E7%8E%87%E7%9A%84CSS&diff=6670&oldid=prev
2010-03-22T04:12:53 yoom
2010-03-22T04:12:53Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-03-22T04:12:53的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第12行：</td>
<td colspan="2" class="diff-lineno">第12行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://ued.koubei.com/?p=165 高效的CSS]<ref>来自：[http://ued.koubei.com/ 口碑网UED]，发表于：2008年01月21日</ref></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://ued.koubei.com/?p=165 高效的CSS]<ref>来自：[http://ued.koubei.com/ 口碑网UED]，发表于：2008年01月21日</ref></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*[http://www.qianduan.net/in-the-mozilla-ui-in-writing-efficient-css.html 在 Mozilla UI 中书写高效率 CSS]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*[http://www.qianduan.net/in-the-mozilla-ui-in-writing-efficient-css.html 在 Mozilla UI 中书写高效率 CSS]<ref>来自：[http://www.qianduan.net 前端观察]，译者：[http://www.qianduan.net/author/gaowhen 糖伴西红柿]，发表于：2010年03月19日。</ref><ref>原文：[https://developer.mozilla.org/en/Writing_Efficient_CSS Writing Efficient CSS for use in the Mozilla UI]，Mozill以优化CSS选择符来提高CSS渲染效率的一篇文章，发表于2000年。 </ref><ref>会员[[user:stu66|stu66]]对[[CSS选择符]]效率问题而发表的讨论：[http://bbs.blueidea.com/viewthread.php?tid=2970132 阅读"Writing Efficient CSS"的困惑]</ref>。</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><ref>来自：[http://www.qianduan.net 前端观察]，译者：[http://www.qianduan.net/author/gaowhen 糖伴西红柿]，发表于：2010年03月19日。</ref></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><ref>原文：[https://developer.mozilla.org/en/Writing_Efficient_CSS Writing Efficient CSS for use in the Mozilla UI]，Mozill以优化CSS选择符来提高CSS渲染效率的一篇文章，发表于2000年。 </ref><ref>会员[[user:stu66|stu66]]对[[CSS选择符]]效率问题而发表的讨论：[http://bbs.blueidea.com/viewthread.php?tid=2970132 阅读"Writing Efficient CSS"的困惑]</ref>。</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=%E4%B9%A6%E5%86%99%E9%AB%98%E6%95%88%E7%8E%87%E7%9A%84CSS&diff=6669&oldid=prev
yoom：创建新页面为 '书写高效率的CSS文档有两个目标： *后期维护变得容易。 *缩短浏览器从解析CSS到最终渲染<ref>请参阅词条：reflow</ref>的这段时间。 …'
2010-03-22T04:12:25Z
<p>创建新页面为 '书写高效率的CSS文档有两个目标： *后期维护变得容易。 *缩短浏览器从解析CSS到最终渲染<ref>请参阅词条：<a href="/index.php?title=reflow" title="reflow">reflow</a></ref>的这段时间。 …'</p>
<p><b>新页面</b></p><div>书写高效率的CSS文档有两个目标：<br />
<br />
*后期维护变得容易。<br />
*缩短浏览器从解析CSS到最终渲染<ref>请参阅词条：[[reflow]]</ref>的这段时间。<br />
<br />
==后期维护变得容易==<br />
<br />
*[[CSS书写风格]]<br />
*[http://webteam.tencent.com/?p=1605 高效、可维护、组件化的CSS的演示文档]<ref>[http://www.maxdesign.com.au/ Russ Weakley]大师的一篇关于如何书写高效、可维护、组件化的CSS的演示文档，由[http://webteam.tencent.com/ 腾讯ISD webteam]翻译，原文地址：[http://www.slideshare.net/maxdesign/efficient-maintainable-css-presentation Efficient, maintainable CSS]</ref><br />
<br />
==缩短浏览器从解析到渲染的时间==<br />
<br />
*[http://ued.koubei.com/?p=165 高效的CSS]<ref>来自：[http://ued.koubei.com/ 口碑网UED]，发表于：2008年01月21日</ref><br />
*[http://www.qianduan.net/in-the-mozilla-ui-in-writing-efficient-css.html 在 Mozilla UI 中书写高效率 CSS]<br />
<ref>来自：[http://www.qianduan.net 前端观察]，译者：[http://www.qianduan.net/author/gaowhen 糖伴西红柿]，发表于：2010年03月19日。</ref><br />
<ref>原文：[https://developer.mozilla.org/en/Writing_Efficient_CSS Writing Efficient CSS for use in the Mozilla UI]，Mozill以优化CSS选择符来提高CSS渲染效率的一篇文章，发表于2000年。 </ref><ref>会员[[user:stu66|stu66]]对[[CSS选择符]]效率问题而发表的讨论：[http://bbs.blueidea.com/viewthread.php?tid=2970132 阅读"Writing Efficient CSS"的困惑]</ref>。<br />
<br />
<br />
<br />
==备注==<br />
<br />
<references /><br />
<br />
[[Category:CSS]] [[Category:web标准]] [[Category:浏览器]]</div>
yoom