Web前端开发之CSS工具列表（经典）
用户界面
I Like Your Color
输入URL然后它会抓出其中的颜色并用16进制表示。
CSS
Multi-element Rollover Generator
使用CSS和一个图片创建出一个翻转按钮的样式。
CSS
Rounded Box Generator
Ruthsarian
Layouts
6个CSS页面布局模板，包括颜色、标题等。
Bluerobot Layout
Reservoir
2栏和3栏的CSS布局框架
Glish CSS Layout techniques
2、3、 4栏的CSS布局框架
The
Layout-o-matic
输入页宽、栏数和padding，它会自动生成CSS和HTML的布局框架。
Little
Boxes
w3cn.org
上提供的那些布局模板
Open Source Web Design
各种免费的完
整页面模板
Web
Builders’ Toolkit
更多的模版资源
Iconico Online CSS
Scrollbar Color Changer
List-u-Like
一个
CSS菜单生成器：轻松创建采用li并兼容各种浏览器的导航菜单。
Nifty Corners: 无需图片的圆角矩形
Round Corner Stone/Icon
(rcsi) V1.0
增强的圆角矩形
Xylescope
无
需下载其他站点就能轻松分析其CSS代码。
W3C Core Styles
Checkliste zur
Webseitengestaltung
Testseite
zur Zeilenbreite
易用性检查
Accessibility
Valet Demonstrator
Bobby
Online Service
Cynthia Says
OCAWA Web
Accessibility Expert
Torquemada
使用
工具对页面进行一个完整的易用性分析方法测试，以快速辨别页面中哪些部分存在错误。
UI Site check
一个站点检查工
具，只需要输入你的网址，便可以列出几十个验证器和易用性工具。
WAVE 3.5
Accessibility Tool
可以提供你页面上的易用性细节和错误方面的有用信息。他会用红黄绿蓝等几种图标来表示需要改进的
页面部分。这些图标代表了你页面上有关结构、内容、可用性和易用性方面的问题细节。你可以清楚地看到当前页面上哪些位置存在问题。
Web-based
Site Usability Checker
WebXACT Quality &
Accessibility Check
一个免费的在线服务，让你对单个页面进行质量、易用性和保密性问题的测试。
Will the browser
apply the rule(s)?
TAW - Test accessibilidad web
整理和优化
CSS
Formatter and Optimiser
能让你选择你的CSS更易读还是更小。
CSS
Compressor
使用这个工具可以压缩你的CSS使之提高载入速度和节约带宽。
Online CSS Compr
相关文档：
文字自动使用样式
.inputText{
border:1px solid #7898b8;
height:20px;
padding-left:2px;
line-height:20px;
background-image:url(images\\inputtext_bg.gif);
background-repeat:repeat-x;
color:#339900;
}
.inputText是 字体自动设置样式的名称
各种控件自动套用样式
比如table,td
table{border-colla ......
/*
*创建人：蔺宜忠
*用途：学习css，应用于新闻系统
*/
*
{
/*把默认值设置为0*/
margin: 0;
padding: 0;
border-width: 0;
}
body
{
font-size: 14px;
}
a:link，a:visited
{
/*鼠 ......
IE 浏览器中 CSS 特性的最大的问题：会反复执行，每秒钟可能执行了成百上千次，有严重的性能问题。
如何对 CSS 进行优化呢？
至少：如果我们将 CSS 在匹配的元素中仅执行一次，性能将会提升很大。
&nb ......
1、CSS风格网站，将下面这段代码添加到网站css文件最顶端。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
或者：
在css文件的body中加入filter:gray：
body {filter:gray}
2、未启用CSS风格网站，在网页或者模板的HTML代码和之间插入以下代码：
<style>
html{filter:pro ......
