<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="Untitled-2.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div>
<div class="two"></div>
<div class="one">
<b>
第9章 设置文字和文本样式<br />
</b>
</div>
<div class="three"><b>09</b></div>
<div class="four">
<p> CSS样式最基本的属性是用来设置文字和文本的样式。“文字”是指单个文字<br />
单词,“文本”是指文字组成的内容。为文字设置样式主要是设置字、词的样式,
字间距等样的设置。</p><p> </p>
<p><h2>9.1 设置文字样式</h2>
CSS中对文字样式的设计包括文字字体、文字大小、文字粗体、文字斜体以及<br />
字间距等样式的设置<br />
<p><h3>9.1.1 字体设置</h2>
在html中可以使用 font face="字体名"来设置文字字体,而在CSS中设置字体<br />
的属性是font-family,其语法格式如下。<br>
<xmp>
font-family:"字体1","字体2","字体3",.....
</xmp>
可以为文字设置多个字体,挡在运行页面的浏览器中找不到第一种字体时,就会使用第二种字体显示;如果也找不奥第二种字体,则<br>
会以第三种字体显示,以此类推。如果设置的集中字体在浏览器中都无法找到,就会以浏览器设置的默认字体显示。<br />
<hr>
|说 为了更好地区分HTML代码和CSS样式代码,本书的所有CSS<br>
|明 样式字体都使用小写字母。<br>
<hr>
【示例9-1】使用CSS内部样式表在页面的HEAD标记添加两种。<br>
设置字体的样式。<br>
</p>
<xmp>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用CSS字体</title>
<style type="text/css>
<!--
方正黑体
body{font-size:9pt;
background-color:red;
}
h1{background-color:red;
-->
</style>
</head>
<h3>荷花介绍</h3>
</xmp>
</div>
<div class="five"></div>
<div class="six"></div>
</div>
</body>
</html>