<?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>XHTML | 酷 壳 - CoolShell</title>
	<atom:link href="https://coolshell.cn/tag/xhtml/feed" rel="self" type="application/rss+xml" />
	<link>https://coolshell.cn</link>
	<description>享受编程和技术所带来的快乐 - Coding Your Ambition</description>
	<lastBuildDate>Tue, 19 May 2009 13:43:19 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2</generator>
	<item>
		<title>Web设计的速查卡</title>
		<link>https://coolshell.cn/articles/870.html</link>
					<comments>https://coolshell.cn/articles/870.html#comments</comments>
		
		<dc:creator><![CDATA[陈皓]]></dc:creator>
		<pubDate>Tue, 19 May 2009 13:43:19 +0000</pubDate>
				<category><![CDATA[Web开发]]></category>
		<category><![CDATA[杂项资源]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XHTML]]></category>
		<guid isPermaLink="false">http://coolshell.cn/?p=870</guid>

					<description><![CDATA[<p>速查卡不仅仅可能帮助我们记住一些重要的东西，而且可以放在手边，当我们需要的时候，可以很快地查找。 在本篇文章中，你可以看到28个相当不错的关于Web设计的速查卡...</p>
<p class="read-more"><a class="btn btn-default" href="https://coolshell.cn/articles/870.html"> Read More<span class="screen-reader-text">  Read More</span></a></p>
The post <a href="https://coolshell.cn/articles/870.html">Web设计的速查卡</a> first appeared on <a href="https://coolshell.cn">酷 壳 - CoolShell</a>.]]></description>
										<content:encoded><![CDATA[<p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415450859608158"
     crossorigin="anonymous"></script>速查卡不仅仅可能帮助我们记住一些重要的东西，而且可以放在手边，当我们需要的时候，可以很快地查找。</p>
<p>在本篇文章中，你可以看到28个相当不错的关于Web设计的速查卡，它们分别是关于：<strong>Photoshop, Dreamweaver, 颜色, 排版,</strong>和<strong> 其它Web设计相关的。</strong>他们都是一页纸，可以方便你很快地打印出来。</p>
<h3>Photoshop</h3>
<h4><a title="Trevor Morris Photographics - Adobe Photoshop Keyboard Shortcuts" href="http://morris-photographics.com/photoshop/shortcuts/#pscs3">Photoshop CS3 快捷键速查卡</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-01_cs3_keyboard_shortcuts.png" alt="Photoshop CS3 Keyboard Shortcuts Cheat Sheet - screen shot." width="550" height="250" /><span class="figure-caption">Downloads: <a title="PDF Download - For Windows" href="http://morris-photographics.com/photoshop/shortcuts/downloads/PSCS3_Keyboard_Shortcuts_PC.pdf">PDF (Windows)</a>, <a title="PDF Download - for Mac" href="http://morris-photographics.com/photoshop/shortcuts/downloads/PSCS3_Keyboard_Shortcuts_Mac.pdf">PDF (Mac)</a></span></p>
<p><span class="figure-caption"><span id="more-870"></span></span></p>
<p> </p>
<h4><a title="Adobe - Keys for using the Layers palette" href="http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS7D245964-27B4-403e-82D5-DDD1CB19A82B.html">关于调色板的一些热键</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-02_keys_for_using_layers.png" alt="Keys for using the Layers palette - screen shot." width="550" height="250" /></p>
<h4><a href="http://simplephotoshop.com/photoshop_tools/index.htm">Photoshop 工具栏速查</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-03_photoshop_toolbox_reference.png" alt="Photoshop Toolbox Reference - screen shot" width="550" height="250" /></p>
<h4><a title="CreativeIQ - Staging: Photoshop Lasso Tool Cheatsheet." href="http://www.creativetechs.com/iq-staging/photoshop_lasso_tool_cheatshee.html">Photoshop 套索工具速查</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-04_lasso_tool_cheatsheet.png" alt="Photoshop Lasso Tool Cheatsheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Photoshop Lasso Tool Cheatsheet" href="http://creativetechs.com/tips/tip_resources/cheatsheets/Photoshop-Lasso-Cheatsheet.pdf">PDF</a></span></p>
<h4><a title="CreativeTechs - Photoshop Brush Tool Cheatsheet" href="http://www.creativetechs.com/iq/photoshop_brush_tool_cheatsheet.html">Photoshop 笔刷工作速查</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-05_brush_tool_cheatsheet.png" alt="Photoshop Brush Tool Cheatsheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Photoshop Brush Tool Cheatsheet" href="http://creativetechs.com/tips/tip_resources/cheatsheets/Photoshop-Brush-Cheatsheet.pdf">PDF</a></span></p>
<h3> </h3>
<h3>颜色</h3>
<h4><a title="Added Bytes - RGB Hex Colour Chart" href="http://www.addedbytes.com/cheat-sheets/colour-chart/">RGB 十六进制表</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-06_rgb_color_codes.png" alt="RGB Hex Colour Chart - Screen shot." width="550" height="250" /><span class="figure-caption">Downloads: <a title="PDF Download" href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/pdf/">PDF</a>, <a title="PNG Download" href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/png/">PNG</a></span></p>
<h4><a href="http://www.veign.com/downloads/guides/qrg0006.pdf">颜色速查</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-07_veign_color_reference_guide.png" alt="Color Reference Guide - screen shot." width="550" height="250" /></p>
<h4><a title="Visibone - Web Designer's Color Reference Hexagon Mouse Pad" href="http://www.visibone.com/color/hexagon3x.html">Web设计颜色</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-08_hexagon_moust.png" alt="Web Designer Color Reference Hexagon Mouse Pad - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="GIF Download - Hexagon_800.gif" href="http://www.visibone.com/color/hexagon_800.gif">GIF</a></span></p>
<h4><a title="Page Tutor - 216 color chart" href="http://www.pagetutor.com/common/bgcolors216.html">Web 安全颜色表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-09_web_safe_color_chart.png" alt="Web Safe Color Chart - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.funky-chickens.com/hex.html">十六进制颜色表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-10_funky_chicken.png" alt="Hexidecimal Color Chart - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.cookwood.com/html4_4e/examples/appendices/colorcharthex.html"> 浏览器颜色表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-11_the_browser_safe_colors.png" alt="The Browser Safe Colors - screen shot." width="550" height="250" /></p>
<h3> </h3>
<h3>排版</h3>
<h4><a title="Visibone - VisiBone Font Card" href="http://www.visibone.com/font/">VisiBone Font Card</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-12_font_chart.png" alt="VisiBone Font Card - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a href="http://www.visibone.com/font/fcht_874.gif">GIF</a></span></p>
<h4><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">常用字体表 </a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-13_windows_font.png" alt="Common fonts to all versions of Windows &amp; Mac equivalents - screen shot." width="550" height="250" /></p>
<h4><a title="PDF Download - Mixing Typefaces" href="http://www.as8.it/handouts/mixing-typefaces_U&amp;lc1992.pdf">混合字体</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-14_mixing_typefaces.png" alt="Free Fonts Cheat Sheet - screen shot." width="550" height="250" /></p>
<h3>单元/尺寸</h3>
<h4><a title="Reed Design - Approximate Conversion from Points to Pixels" href="http://www.reeddesign.co.uk/test/points-pixels.html">Points 和Pixels近似转换表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-15_approximate_conversion.png" alt="Approximate Conversion from Points to Pixels - screen shot." width="550" height="250" /></p>
<h4><a title="Design215 - megapixels comparison and maximum print size charts" href="http://www.design215.com/toolbox/megapixels.php">Megapixels 表</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-16_megapixels_chart.png" alt="Megapixels Chart - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="GIF Download - Megapixels Chart" href="http://www.design215.com/toolbox/images/megapixels.gif">GIF</a></span></p>
<h3>CSS/CSS 框架</h3>
<h4><a title="The Montoya Herald - Blueprint CSS Cheat Sheet" href="http://www.christianmontoya.com/2007/11/12/blueprint-css-cheat-sheet/">Blueprint CSS 速查卡</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-17_blueprint_css.png" alt="Blueprint CSS Cheat Sheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Blueprint CSS Cheat Sheet" href="http://www.digitart.net/blueprintcss/bluebrintcss.pdf">PDF</a></span></p>
<h4><a title="YUI Library - CSS Reset, Base, Fonts, and Grids" href="http://yuiblog.com/assets/pdf/cheatsheets/css.pdf">YUI Library: CSS Reset, Base, Fonts, and Grids</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-18_yui_library.png" alt="YUI Library: CSS Reset, Base, Fonts, and Grids - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf">CSS 速查卡</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-19_css_shorthand_cheat_sheet.png" alt="CSS Shorthand Cheat Sheet - screen shot." width="550" height="250" /></p>
<h4><a title="Apple Dashboard Widgets - CSS Cheat Sheet" href="http://www.apple.com/downloads/dashboard/developer/csscheatsheet.html">Apple’s CSS 速查卡</a> (Mac Dashboard Widget)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-20_apple_css_cheat_sheet.jpg" alt="Apple's CSS Cheat Sheet Widget - screen shot." width="550" height="250" /></p>
<h3>HTML/XHTML</h3>
<h4><a href="http://home.uchicago.edu/~gan/file/html.pdf">HTML &amp; XHTML 标识速查</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-21_html_xhtml_quick_ref.png" alt="HTML &amp; XHTML Tag Quick Reference - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.html.su/entities.html">HTML/XHTML 特殊字符表</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-22_xhtml_character_entitites.png" alt="HTML/XHTML Character Entities - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.digitalmediaminute.com/reference/entity/index.php">XHTML 特殊字符</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-23_html_xhtml_character.png" alt="XHTML Character Entity Reference - screen shot." width="550" height="250" /></p>
<h3>Dreamweaver</h3>
<h4><a href="http://www.uwsp.edu/it/ApplicationSupport/appSuppDocsImages/referenceGuides/dreamweaver-quick-reference-cs3.pdf">Dreamweaver 快速索引</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-24_dreamweaver_quick_reference.png" alt="Dreamweaver Quick Reference Guide - screen shot." width="550" height="250" /></p>
<h4><a href="http://daviddiskin.com/documents/Dreamweaver%20CS3%20for%20Mac.pdf">Dreamweaver CS3 for Mac Quick Reference Card</a> (PDF)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-25_dreamweaver_cs3_mac.png" alt="Dreamweaver CS3 for Mac Quick Reference Card - screen shot." width="550" height="250" /></p>
<h3>Illustrator</h3>
<h4><a href="http://www.nobledesktop.com/shortcuts-illustratorcs2-mac.html">Adobe Illustrator CS2 热键– MAC</a></h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-26_illustrator.png" alt="Adobe Illustrator CS2 Keyboard Shortcuts – MAC - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a href="http://www.nobledesktop.com/download/shortcut_guides/illustrator_cs2_shortcuts_mac.pdf">PDF</a></span></p>
<h3>Browsers</h3>
<h4><a href="http://centricle.com/ref/css/filters/?highlight_columns=true">浏览器兼容性表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-27_browser_rules.png" alt="Will the browser apply the rule(s)? - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.quirksmode.org/dom/compatibility.html#t00">W3C DOM 兼容性表</a> (HTML)</h4>
<p><img decoding="async" loading="lazy" src="http://images.sixrevisions.com/2008/09/07-28_w3c_dom_compatibility.png" alt="W3C DOM Compatibility Tables - screen shot." width="550" height="250" /></p>
<p>文章：<a href="http://sixrevisions.com/resources/cheat_sheets_for_web_designers/" target="_blank">来源</a><!--



<p align="center"><a href= target=_blank><img decoding="async" src=""></a></p>





<p align="center"><img decoding="async" src="https://coolshell.cn/wp-content/uploads/2020/03/coolshell.weixin.jpg"> <img decoding="async" loading="lazy" src="https://coolshell.cn/wp-content/uploads/2020/03/coolshell.mini_.jpg" width="300" height="300"> <br />关注CoolShell微信公众账号和微信小程序</p>

 

--></p>
<div style="margin-top: 15px; font-size: 16px;color: #cc0000;">
<p align="center"><strong>（转载本站文章请注明作者和出处 <a href="https://coolshell.cn/">酷 壳 &#8211; CoolShell</a> ，请勿用于任何商业用途）</strong></p>
</div>

<div class="wp_rp_wrap  wp_rp_vertical_m" id="wp_rp_first"><div class="wp_rp_content"><h3 class="related_post_title">相关文章</h3><ul class="related_post wp_rp"><li ><a href="https://coolshell.cn/articles/17634.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2017/01/pretty-code-150x150.gif" alt="Chrome开发者工具的小技巧" width="150" height="150" /></a><a href="https://coolshell.cn/articles/17634.html" class="wp_rp_title">Chrome开发者工具的小技巧</a></li><li ><a href="https://coolshell.cn/articles/9666.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2013/05/Render-Process-150x150.jpg" alt="浏览器的渲染原理简介" width="150" height="150" /></a><a href="https://coolshell.cn/articles/9666.html" class="wp_rp_title">浏览器的渲染原理简介</a></li><li ><a href="https://coolshell.cn/articles/6840.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2012/03/css-layouts-150x150.gif" alt="CSS 布局:40个教程、技巧、例子和最佳实践" width="150" height="150" /></a><a href="https://coolshell.cn/articles/6840.html" class="wp_rp_title">CSS 布局:40个教程、技巧、例子和最佳实践</a></li><li ><a href="https://coolshell.cn/articles/3903.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/14.jpg" alt="一些有意思的贴子和工具" width="150" height="150" /></a><a href="https://coolshell.cn/articles/3903.html" class="wp_rp_title">一些有意思的贴子和工具</a></li><li ><a href="https://coolshell.cn/articles/3684.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/uploads/2011/02/1128-150x150.jpg" alt="Web开发人员速查卡" width="150" height="150" /></a><a href="https://coolshell.cn/articles/3684.html" class="wp_rp_title">Web开发人员速查卡</a></li><li ><a href="https://coolshell.cn/articles/3063.html" class="wp_rp_thumbnail"><img src="https://coolshell.cn/wp-content/plugins/wordpress-23-related-posts-plugin/static/thumbs/0.jpg" alt="40个很不错的CSS技术" width="150" height="150" /></a><a href="https://coolshell.cn/articles/3063.html" class="wp_rp_title">40个很不错的CSS技术</a></li></ul></div></div>The post <a href="https://coolshell.cn/articles/870.html">Web设计的速查卡</a> first appeared on <a href="https://coolshell.cn">酷 壳 - CoolShell</a>.]]></content:encoded>
					
					<wfw:commentRss>https://coolshell.cn/articles/870.html/feed</wfw:commentRss>
			<slash:comments>20</slash:comments>
		
		
			</item>
	</channel>
</rss>
