50款css工具
50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html
50款CSS工具，包含，CSS网格和布局工具，CSS 优化工具，CSS 菜单生成工具，CSS 按钮生成器，CSS 圆角生成器，CSS 框架，CSS Sprites生成器，CSS 排版工具以及 CSS 表单生成器。
网格和布局The 1KB CSS Grid
新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用。
Variable Grid System
基于 960px 的常规CSS网页布局工具，用于快速生成基本的 CSS 网格。
Grid Designer 2
可控性强，选项丰富的网格系统，支持 CSS 在线即时输出。
Design By Grid PNG Grid Generator
生成用于CSS网格的 PNG 图片，以方便地用作 PSD 或 HTML/CSS 设计背景，免除手工制作网格的麻烦。
nP: Grid Generator
用于设计布局结构，制定列、边缘、间距等参数。
YAML Builder
可视化，快捷的标准 XHTML 页面框架生成工具，但对 IE6 兼容欠佳。
GRIDINATOR
简单定制基于网格的CSS布局工具，可自定义多种参数。
Grid System Generator
生成适用于 960.gs，Golden Grid，1KB Grid 的网格布局，也可生成基本的通用网格。
YUI: CSS Grid Builder
来自 Yahoo 的网格工具，用于创建基础布局，统一浏览器表现。
Blueprint Grid CSS Generator
帮助你创造更灵活的 CSS 蓝图，包括 grid.css、compressed.css 和 grid.png 文件。
CSS Grid Calculator
快速设计页面布局，以多种方式构造网格。对于页面元素在浏览器中的表现方式，提供了精确的视觉反馈。
Layout generators – [url]www.pagecolumn.com[/url]
使用 CSS 2.0 技术生成 1-5 列的布局输出。
Dynamic 4 Column Layout Generator
可控性强的 4 栏式页面布局生成器。
CSS Layout Generator – CSS Portal
创建自适应或固定宽度栏式布局，可指定或者像素或百分比。
templatr
模板生成器，可在线创建单独的设计方案。无需了解任何 HTML 和 CSS 知识。
CSS Source Ordered 1-3 Columned Page Maker
生成 1-3 栏式页面的 CSS 代码。
CSS Creator
创建自适应宽度或固定宽度的浮动栏式布局。
CSS 优化和样式生成Online CSS Optimiser/Optimizer
输入网址或复制并粘贴到样式输入框中，一键提交即可优化。
Free CSS Template Code Generator
三栏式布局生成工具，同步生成 HTML 和 CSS 代码。
CSS Builder – Generate Styles on the Fly
只需填写表格数据，单击生成，并复制代码到样式表。
Firdamati
相关文档：
浅谈IE与Firefox对CSS的不同解析——安徽迎客松
其实，以前从来没有接触过CSS相关的内容，都是在做业务的编程，从来没想过前台页面的设计也能如此复杂。这次项目的开过过程中，作为CSS菜鸟的我也接触到CSS的相关设计。所出现的低级问题和浪费很多时间的状况也层出不穷，所以通过各方搜索和自己的实际学习中总结� ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资 ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom &nbs ......
