25 个 CSS 框架、工具、软件及样板

fmms 12年前
     <p>对开发者来说时间非常关键,如果你能为在互联网上找到一些现成的资源能帮助你的项目,会大大提升工作的效率。本文向你推荐 25 个CSS框架、工具、软件及样板。</p>    <h2>Sprite Cow</h2>    <p><a title="Sprite Cow" href="/misc/goto?guid=4958322165925741766" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5625" title="Sprite Cow" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/8b423bbe86d98d073f70f6c50df8c3be.jpg" width="600" height="225" /></p>    <p> </p>    <h2>CSS Lint</h2>    <p><a title="CSS Lint" href="/misc/goto?guid=4958318549805400541" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5606" title="CSS Lint" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/e4e34ec052506b91fb418db512fd7a0c.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Prefixr</h2>    <p><a title="Prefixr" href="/misc/goto?guid=4958318556121871072" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5622" title="Prefixr" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/32ecf32b7878c1ec61385bdff0d8ceac.jpg" width="600" height="225" /></p>    <p> </p>    <h2>The 1140px CSS Grid System</h2>    <p><a title="The 1140px CSS Grid System" href="/misc/goto?guid=4958338165991218868" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5627" title="The 1140px CSS Grid System" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/10e8d05eb744d77b4004ec8e21ae66fa.jpg" width="600" height="225" /></p>    <p> </p>    <h2>holmes.css</h2>    <p><a title="holmes.css" href="/misc/goto?guid=4958338166798934064" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5613" title="holmes_css" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/4f0b8917ee5a0d4bce3dacdce07c3d40.jpg" width="600" height="225" /></p>    <p> </p>    <h2>CSS Terminal</h2>    <p><a title="CSS Terminal" href="/misc/goto?guid=4958338167596292589" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5607" title="CSS Terminal" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/e1a47d76c2185f8506cf11059794b1ad.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Columnal</h2>    <p><a title="Columnal" href="/misc/goto?guid=4958338168401064079" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5605" title="Columnal" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/388b9a4223d93695ce3254187b949e71.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Normalize.css</h2>    <p><a title="Normalize.css" href="/misc/goto?guid=4958318554559806337" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5618" title="Normalize_css" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/0b42a7ff403d1d2548e855f70361f638.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Spritemapper</h2>    <p><a title="Spritemapper" href="/misc/goto?guid=4958325621283546918" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5626" title="Spritemapper" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/83ef6cbc78a658cf4b808d0976e3fe2b.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Less Framework 4</h2>    <p><a title="Less Framework 4" href="/misc/goto?guid=4958183667660444505" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5615" title="Less Framework 4" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/4ed5ce3326a0d80898756772917ec707.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Patternify</h2>    <p><a title="Patternify" href="/misc/goto?guid=4958329946393447911" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5619" title="Patternify" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/31f7cc3822d93fd42fe1eeddc39995ea.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Patternizer</h2>    <p><a title="Patternizer" href="/misc/goto?guid=4958323070286319511" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5620" title="Patternizer" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/54b77ba59efa0db472cf171fba6c3688.jpg" width="600" height="225" /></p>    <p> </p>    <h2>The Semantic Grid System</h2>    <p><a title="The Semantic Grid System" href="/misc/goto?guid=4958338172858701780" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5628" title="The Semantic Grid System" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/2d09804ea4aba244fc8613426253ef6a.jpg" width="600" height="225" /></p>    <p> </p>    <h2>CSS3 Patterns Gallery</h2>    <p><a title="CSS3 Patterns Gallery" href="/misc/goto?guid=4958338173654431759" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5608" title="CSS3 Patterns Gallery" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/e39a6f17ba8a1af2b9ef6ea8d0d8a773.jpg" width="600" height="225" /></p>    <p> </p>    <h2>CSS3 Shapes</h2>    <p><a title="CSS3 Shapes" href="/misc/goto?guid=4958329947198990112" target="_blank">下载</a><br /> <a href="https://simg.open-open.com/show/5a03b62681fd3f39f37a048f555f6e15.jpg" rel="wp-prettyPhoto[g5603]"><img id="spl" class="aligncenter size-full wp-image-5609" title="CSS3 Shapes" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/5a03b62681fd3f39f37a048f555f6e15.jpg" width="600" height="225" /></a></p>    <p> </p>    <h2>Foundation</h2>    <p><a title="Foundation" href="/misc/goto?guid=4958338175196780124" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5611" title="Foundation" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/78a31903770dd550324e5535bba04b1b.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Sencha CSS3 Animator & HTML5 Animations</h2>    <p><a title="Sencha CSS3 Animator & HTML5 Animations" href="/misc/goto?guid=4958329937339228323" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5623" title="Sencha CSS3 Animator & HTML5 Animations" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/95e42a966394a2ee62fba7ccb35cd6bf.jpg" width="600" height="225" /></p>    <p> </p>    <h2>prefixMyCSS</h2>    <p><a title="prefixMyCSS" href="/misc/goto?guid=4958318556121871072" target="_blank">下载</a><br /> <a href="https://simg.open-open.com/show/6b7060e90f7bf4c2a5b66d13d8f9553f.jpg" rel="wp-prettyPhoto[g5603]"><img id="spl" class="aligncenter size-full wp-image-5621" title="prefixMyCSS" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/6b7060e90f7bf4c2a5b66d13d8f9553f.jpg" width="600" height="225" /></a></p>    <p> </p>    <h2>Fluid Baseline Grid</h2>    <p><a title="Fluid Baseline Grid" href="/misc/goto?guid=4958338177465881789" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5610" title="Fluid Baseline Grid" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/6d4a03c2e338a9b5e311f49a19f77f90.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Mobile Boilerplate</h2>    <p><a title="Mobile Boilerplate" href="/misc/goto?guid=4958338178271580560" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5616" title="Mobile Boilerplate" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/4e2c1d5c50ba3aa1aab6c7fe0e596e6a.jpg" width="600" height="225" /></p>    <p> </p>    <h2>HTML Email Boilerplate</h2>    <p><a title="HTML Email Boilerplate" href="/misc/goto?guid=4958333326910801766" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5614" title="HTML Email Boilerplate" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/d8b2315ea8c79b1f5b35d7472d22f52c.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Skeleton</h2>    <p><a title="Skeleton" href="/misc/goto?guid=4958333330043351904" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5624" title="Skeleton" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/d6681a1da9946511daa13c935d3e30dc.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Golden Grid System</h2>    <p><a title="Golden Grid System" href="/misc/goto?guid=4958338180550152682" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5612" title="Golden Grid System" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/948091aea4f64982a4194ee9ded35074.jpg" width="600" height="225" /></p>    <p> </p>    <h2>Button CSS3 UI</h2>    <p><a title="Button CSS3 UI" href="/misc/goto?guid=4958338181338123275" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5604" title="Button CSS3 UI" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/76e139c6b2452aa6d0d37bc39a03340a.jpg" width="600" height="225" /></p>    <p> </p>    <h2>MQFramework</h2>    <p><a title="MQFramework" href="/misc/goto?guid=4958338182131105621" target="_blank">下载</a><br /> <img id="spl" class="aligncenter size-full wp-image-5617" title="MQFramework" alt="25 个 CSS 框架、工具、软件及样板" src="https://simg.open-open.com/show/03fdc00ff3c8c0a5fff7306891a30075.jpg" width="600" height="225" /></p>    <p>via <a href="/misc/goto?guid=4958338182925176315" target="_blank">hp</a></p>