ID selector 

ID selector 其实跟独立 class selector 的功能一样. 而区别在于它们的语法和用法不同, 以及对于 Javascript 操纵 HTML元素有帮助. 如果你用 CSS-P 来定位, 有 ID 的 HTML 元素可以被 CSS-P和JavaScript 来操纵.它的语法如下 

   #IDname {property:value}

假如我们有下面的定义 

  #yelowone {color: yellow}

我们可以运用这个定义到任何的有同样 ID 名字的 tag, 比如 

  <SPAN ID="yellowone">text here</SPAN>

字形与大小 
CSS 用来控制字形的性质是 font-family,控制字体大小的性质是 font-size. 比如 

  H1, H2, P {font-family: 楷体;font-size: 9pt}

CSS 允许你给 font-family 多于一个以上的字形,使得用户浏览器按顺序检测和使用字体,每个字形之间要用逗号隔开. 比如 

  H1, H2, P {font-family: 楷体, 黑体, 宋体}

斜体 
如果想让字体成为斜体, 要用 font-style 性质, 比如 

  P {font-style: italic}

加重 
用 font-weight 来调节文字的粗细, 比如 

  P {font-weight: bold}

font-style 的可能的值是 lighter, normal, bold, bolder 

如何用 CSS 来控制网页中文字定位? 

line-height: 行距 
text-align: 向那个方向看齐 
vertical-align: 向上还是向下看齐 
text-indent: 段落第一行空格 
text-transform: 字母的大小写 
text-decoration: 给文字加装饰, 比如下滑线 
行距 
我们有时候可能会想把行距加大点使得文字看的清楚一些. CSS中的 line-height 可以调节. 

  P.double {line-height: 2}

请看下面的比较. 这 一 段 的 行 距 是 正常 的. 这 一 段 的 行 距 是 正常 的. 这 一 段 的 行 距 是 正常 的. 这 一 段 的 行 距 是 正常 的. 

这 一 段 的 行 距 是 双 倍 的. 这 一 段 的 行 距 是 双 倍 的. 这 一 段 的 行 距 是 双 倍 的. 这 一 段 的 行 距 是 双 倍 的. 
 
看齐 

一般来说我们都是向左边看齐. 但有的时候也有其他的选择,如向右边看齐. 

  P.right {text-align: right}

请看下面的比较. 这 一 行 左 边 看 齐 

这 一 行 右 边 看 齐 

这 一 行 在 中 间 
 

text-align 可以有 left, right, center, 和 justify
段落的首行空格 

如果我们想让第一行的开头空几格, 可以用 text-indent, 比如 

  P {text-indent: 1cm}

请看下面的例子. 这 一 段 开 头 空 了 1 厘 米. 这 一 段 开 头 空 了 1 厘 米. 这 一 段 开 头 空 了 1 厘 米. 这 一 段 开 头 空 了 1 厘 米. 
 
字母的大小写 

这个性质显然跟中文没关系, 但如果我们要处理英文, 你可以用 text-transform 来改变英文的大小写. 比如, 让每个字的第一个字母大写 

  P {text-transform: capitalize}

请看下面的比较. All the words' first letter have been capitalized in this line

All the letters are uppercase in this line

All the letters are lowercase in this line
 
文字的装饰 

就是在文字上加下滑线, 或中间加条线的. 比如 

    P.underline {text-decoration: underline}
    P.line-through {text-decoration: line-through}

请看下面的比较. Underline line

line-through line
 

其实最常用的是我们想去掉联接下面的下滑线. 

  A {text-decoration: none}

欢迎咨询/