用CSS设置文本的属性
一、CSS 中长度与颜色
1、长度单位说明
in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位（大部分不支持）
pt 1pt/72英寸
pc 1pc/12pt
px 像素（推荐使用）
2、颜色单位： 说明
十六进制如：color:#ff0000
颜色名称如：color:red
三原色单位如：rgb(255,0,0)
一般最常用的是十六进制，三原色单位的原理【红（r）,绿（g）,蓝(b)】混合而成，每个值域在0－255之间
二、CSS 中的文字属性
font-style
normal 正常显示
italic 斜体
bold 粗体
font-size 像素字体大小 百分比字体大小
font-family 字体名称设置字体名称
font-variant
normal 正常显示
small-caps 将英文大小写字母写调为同宽
font-weight normal 正常显示
font属性简化的使用方法：
font:是否斜体是否同宽是否粗体大小字体名称
例如:font:italic bold 200 黑书；
三、CSS中的文本属性
color 十六进制颜色、英文名称颜色、三原色单位颜色
letter-spacing
normal 正常显示
长度 文本间隔
word-spacing
normal 正常显示
数字 单词间距
white-space
normal 文本自动处理换行
pre 换行和空白受保护
nowrap 强制在同一行显示
text-align
left 文字靠左
right 文字靠右
center 文字靠中
text-decoration
none 正常显示
underline 加上下划线
overline 加顶线
line-through 加删除线
text-indent
长度 首行缩进
百分 首行缩进
line-height 像素行高
数字/百分比 行高
text-transform
none 正常显示可以包含大，小字符
capitalize 字符串第一个字符大写
uppercase 设置大写字符
lowercase 设置小写字符
vertical-align
sub 设置文字为下标。
super 设置文字为上标。
top 元件往上端靠齐。
middle 设置文字是在中线位置。
bottom 元件往下端靠齐。
相关文档：
浏览器兼容可以说是前端开发所要面对的第一个挑战，目前我的电脑上已经安装了6种浏览器（基于IE内核的不算，如Maxthon等）。
CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则。实现浏览器兼容主要有两种方式条件样式表和CSS Hacks（Selector Hacks、Attribute Hacks）。对此根据一些资料汇总了一些CSS Hacks方法� ......
引用牛人经典口决
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布 ......
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 ......
CSS兼容性一直是大家头疼的问题，现在说说如何区分这几个浏览器，IE6、IE7、IE8和FF，IE8均指IE8正式版,版本号:8.0.6001.18702。
以颜色为例来说如何区分这几个浏览器：
.csshack{
color:#f00; &nbs ......
