1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6<title>CSS字型樣式屬性</title>
7<style type="text/css">
8.part1{color:red;}
9.part2{font-size:18px;}
10.part3{font-family:"微軟雅黑";}
11.part4{font-weight:bold;}
12.part5{font-style:italic;}
13.part6{color:blue;}
14.part7{font-variant:small-caps;}
15.part8{font:italic small-caps bold 18px "微軟雅黑";}
16</style>
17</head>
18<body>
19<p class="part1">我是預設的字型，設定為紅色</p>
20<p class="part2">我是設定為18畫素的字號哦</p>
21<p class="part3">我是設定為微軟雅黑的字型哦</p>
22<p class="part4">我是設定為加粗的字型哦</p>
23<p class="part5">我是設定為傾斜的字型哦</p>
24<p class="part6">我是小寫字母:chuan zhi bo ke，設定為藍色。</p>
25<p class="part7">我是設定為大寫的小寫字母:chuan zhi bo ke</p>
26<p class="part8">我是綜合以上屬性的字型哦:chuan zhi bo ke</p>
27</body>
28</html>