原文作者：Brett原文链接：14 CSS Tools to Save you Time译者：Chada
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。
优化/格式化类
1、CSSTidy – CSS Tidy是一个开源的CSS分析和优化工具；2、CleanCSS – CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具，在这里。3、CSS Optimizer – CSS Optimizer可以通过优化压缩CSS样式文件大小。4、CSS Analyzer – CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。字体类
1、Em Calculator – EM Calculator可以帮助你计算px与em之间的转换。2、CSS Font and Text Style Wizard – 这个小工具可以很方便地将你的CSS样式呈现出来。表格类
1、CSS Form Code Maker – 很方便地生成“五颜六色的BOX布局”的表格。2、JotForm – JotForm是一个“所见即所得”的表格生成器。导航/按钮类
1、CSS Buttons – CSS按钮和文本在线生成工具。2、CSS Menu Generator – CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。
生成器
1、CSS Creator – Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器，可以生成带有Header和Footer的三栏布局。2、QrONE CSS Designer – [...]
文章转自网络，作者不详，如有侵权请联系本站站长。
1.重置浏览器的字体大小 重置浏览器的默认值 ，然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ，如果你不想下载9MB的文件，代码如下：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }table { border-collapse:collapse; border-spacing:0; }fieldset,img { border:0; }address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }ol,ul { list-style:none; }caption,th { text-align:left; }h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }q:before,q:after { content:”; }abbr,acronym { border:0; }
其次，我们重设浏览器字体的大小为10像素，使用如下：
html {font-size: 62.5%;}
这个大小基本合适，然后您可以根据自己的需要调整大小，如 标题1为120像素:
h1 {font-size: 2em;}
2.设置水平居中 大多数的网站目前都是固定宽度的。CSS代码如下：
div#container {margin: 0 auto;}
3.控制位置：绝对位置，相对位置 假如有两个div
<div id=’parent’><div id=’son’></div></div>
div有left和top属性,是用来定位的. 如果内层的div的position属性是absolute.那他就是相对于文档的左上角的位置.. 如果内层的div(id为son的那个)position属性为relative,那它的left和top值就是相对于外层的div的左上角的距离. 4.将重要元素放置在屏幕中央 如果你希望将您想要的东西放在最中央，可以使用以下CSS：
div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}div.popup { margin-top: -200px; [...]
如果要检查层叠样式表(CSS)文档和HTML或者XHTML文档中的CSS内容，W3C给我们提供了这样的一项验证服务，地址为：
http://jigsaw.w3.org/css-validator/
它提供三种CSS验证方式：
1、输入指定url的网页验证
2、上传本地css文件验证
3、直接在文本框输入css代码
本站的检验结果：查看结果
一个企业的门户网站，从开始到收工，模板全变样了，因为每次提交都需要领导的审批，领导同意就行，领导不同意就返工，以后再也不敢接这样的活了，折腾死人。
原设计模板：
最终提交：
