CSS使用技巧 - 摘录
2013-03-05 16:42:54     ruanyifeng.com   原文链接
1. 文字的水平居中
将一段文字置于容器的水平中点,只要设置text-align属性即可。

2. 容器的水平居中
先为该容器设置一个明确宽度,然后将margin的水平值设为auto即可。

3. 文字的垂直居中
单行文字的垂直居中,只要将行高与容器高设为相等即可。如果有n行文字,那么将行高设为容器高度的n分之一即可。

8. link状态的设置顺序
link的四种状态,需要按照下面的前后顺序进行设置:
  a:link
  a:visited
  a:hover
  a:active

12. CSS的优先性
如果同一个容器被多条CSS语句定义,优先顺序的基本规则是:
  行内样式 > id样式 > class样式 > 标签名样式

14. font-size基准
浏览器的缺省字体大小是16px,你可以先将基准字体大小设为10px:
  body {font-size:62.5%;}
后面统一采用em作为字体单位,2.4em就表示24px。

15. Text-transform和Font Variant
Text-transform用于将所有字母变成小写字母、大写字母或首字母大写:
  p {text-transform: uppercase}
  p {text-transform: lowercase}
  p {text-transform: capitalize}
Font Variant用于将字体变成小型的大写字母(即与小写字母等高的大写字母)。
  p {font-variant: small-caps}

20. 禁止自动换行
如果你希望文字在一行中显示完成,不要自动换行,CSS命令如下:
  h1 { white-space:nowrap; }

22. 获得焦点的表单元素
当一个表单元素获得焦点时,可以将其突出显示:
  input:focus { border: 2px solid green; }

30. 取消IE文本框的滚动条
  textarea { overflow: auto; }