手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Css样式--字体样式和链接样式详解
Css样式--字体样式和链接样式详解
摘要:1.指定字体:font-family(1)实用通用字体系列:body{font-family:sans-serif;}(2)制定字体系列:h...

1.指定字体:font-family

(1)实用通用字体系列:

body {font-family: sans-serif;}

(2)制定字体系列:

h1 {font-family: Georgia, <span>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 字体属性

属性 描述
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)
font-stretch 对字体进行水平拉伸。(CSS2.1 已删除该属性。)
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。

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 之后

【Css样式--字体样式和链接样式详解】相关文章:

图片轮换的两边按钮的加载与控制如何通过像素定位

网站制作如何用CSS控制超链接样式

CSS3动画帧数科学计算法

用CSS样式描述表格Table边框

CSS实现图片圆角化处理

css的字体属性详解

CSS布局教程:绝对定位和相对定位

修复网页在IE8下的显示兼容问题

CSS中样式覆盖优先顺序详解

用css样式表实现首字大写

精品推荐
分类导航