|
字体样式和链接样式是css样式中的一部分，在本文将为大家详细介绍下，希望对大家有所帮助
1.指定字体：font-family
（1）实用通用字体系列：
复制代码代码如下:
body {font-family: sans-serif;}
（2）制定字体系列：
复制代码代码如下:
h1 {font-family: Georgia, <span style="color:#CC0000">serif</span>;}
在所有 font-family 规则中都提供一个通用字体系列。这样就提供了一条后路，在用户代理无法提供与规则匹配的特定字体时，就可以选择一个候选字体。【serif】
（3）实用引号：
只有当字体名中有一个或多个空格（比如 New York），或者如果字体名包括 # 或 $ 之类的符号，才需要在 font-family 声明中加引号
2.字体风格：
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
【重点：字体的缩写 字体：style variant weight size line-height family】
复制代码代码如下:
font-style:italic;
font-variant:small-caps;//可以设定小型大写字母
font-weight:bold;
font-size:1em;//em：<em>pixels</em>/16=<em>em</em>
line-height:140%;
font-family:"Lucida Grande",sans-serif;
可以缩写为
复制代码代码如下:
font:italic small-caps bold 1em/140%"Lucida Grande",sans-serif;
CSS 字体属性
3.设置链接样式
复制代码代码如下:
a:link {color:#FF0000;} /* 未被访问的链接 */
a:visited {color:#00FF00;} /* 已被访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;} /* 正在被点击的链接 */
当为链接的不同状态设置样式时，请按照以下次序规则：
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后 | 
发表于 2013-9-24 10:32:07
