字体属性实例

你的位置是:CSS教程->CSS实例篇

字体属性实例

1.font-family参数

源代码已在下面文本框列出，以供参考：

<HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>font-family参数</TITLE><STYLE>.MS {font-family:"MS Serif"}.Impact {font-family:"楷体","Impact"}.serif {font-family:serif}</STYLE></HEAD><H3 class="MS">这里所显示的是 "MS Serif"字体</H3> <P class="Impact">因为我没有"楷体"，所以显示的字体是"Impact"字体<p><p><p></P> <P class="serif">这里所显示的字体是serif字体<p><p><p></P>

2.font-size参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

<HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>font-size</TITLE><STYLE>.x-large {font-size:x-large}.font-size {font-size:16px}.larger {font-size:larger}</STYLE></HEAD><DIV>这个区域的字体是一般的字体</DIV><DIV class="x-large">绝对字体</DIV><DIV class="font-size">指定字体大小为16px</DIV><DIV class="larger">相对字体大小</DIV>

3.font-style参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

4.font-variant参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

5.font-weight参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

6.font参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：