The CSS Anthology 第二章Text Styling and Other Basics
The CSS Anthology 第二章Text Styling and Other Basics（文本格式化及其它基础知识）UICSS
1. 用CSS替换<font>标签
曾几何时，在CSS被广泛接纳之前，很多Web开发者都是使用<font>标签在网页上为文本加样式。但是这种方法会导致工作量非常大，试想一下为每一个段落都加上这样一个标签，或者之后客户又要求为这些段落换上新的模式时……而使用CSS的话，只需要改动一处地方即能使新样式应用到所有的标签，会非常便利。p {
color : #800080;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p {
color : #800080;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}2.字体的大小使用什么单位？
pt points
pc picas
px 像素
em ems
ex exes
%百分比
pt, pc都是用于印刷用途，不适合作屏幕显示文字的字体大小单位。反之，如果文字是用于印刷用途，也不应该用px, em等单位。em,ex是相对于浏览器默认的字体大小而言，或相对于父标签的大小而言的。使用px的缺点：会使用用户的自定义字体大小设置无效，这对于一些只能阅读大字体的特殊用户的字体偏好设置失效，这样就降低了网页的可访问性。
3.用指定字体显示文字
可以为文字指定一个特定字体，也可以指定为一类字体。
如p {
font-family: Verdana, sans-serif;
}
p {
font-family: Verdana, sans-serif;
}
这里sans-serif就是一类字体的名称，此外还有serif, monospace, cursive, fantasy... 4.去除超链接的下划线
a:link, a:visited {
text-decoration : none
}
a:link, a:visited {
text-decoration : none
}text-decoration可以设置的值还有overline, line-through, blink, underline.
可以同时设置多个值，随之多个样式都会加到链接上。
5.当光标移动到链接上时，字体颜色改变a:link, a:visited, a:hover, a:active {
text-decoration : underline;
color : #6A5ACD;
background-color : transparent;
}
a:link, a:visited, a:hover, a:active {
text-decoration : underline;
color : #6A5ACD;
background-color : transparent;
}这种效果常见于导航菜单。
（未完待续）
谢谢分享
页:
[1]