CSS 属性 font 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>CSS</title>
 6     <style type="text/css">
 7         .test {
 8             font: italic small-caps bold 28px/34px "微软雅黑";
 9         }
10     </style>
11 </head>
12 <body>
13 <p class="title">font 属性</p>
14 <p>格式：font：[ [ &lt;"font-style"&gt; || &lt;"font-variant"&gt; || &lt;"font-weight"&gt; ]? &lt;"font-size"&gt; [ / &lt;"line-height"&gt;
15     ]? &lt;"font-family"&gt; ] </p>
16 <table>
17     <tr>
18         <td>&lt;"font-style"&gt;：</td>
19         <td>指定文本字体样式</td>
20         <td>可选属性：</td>
21         <td>normal | italic | oblique</td>
22     </tr>
23     <tr>
24         <td>&lt;"font-variant"&gt;：</td>
25         <td>指定文本是否为小型的大写字母</td>
26         <td>可选属性：</td>
27         <td>normal | small-caps</td>
28     </tr>
29     <tr>
30         <td>&lt;"font-weight"&gt;：</td>
31         <td>指定文本字体的粗细</td>
32         <td>可选属性：</td>
33         <td>normal | bold | bolder | lighter | &lt;integer&gt;</td>
34     </tr>
35     <tr>
36         <td>&lt;"font-size"&gt;：</td>
37         <td>指定文本字体尺寸</td>
38         <td>可选属性：</td>
39         <td>absolute-size> | &lt;relative-size&gt; | &lt;length&gt; | &lt;percentage&gt;</td>
40     </tr>
41     <tr>
42         <td>&lt;"line-height"&gt;：</td>
43         <td>指定文本字体的行高</td>
44         <td>可选属性：</td>
45         <td>normal | &lt;length&gt; | &lt;percentage&gt; | &lt;number&gt;</td>
46     </tr>
47     <tr>
48         <td>&lt;"font-family"&gt;：</td>
49         <td>指定文本使用某个字体或字体序列</td>
50         <td>可选属性：</td>
51         <td>[ &lt;family-name&gt; | &lt;generic-family&gt; ]</td>
52     </tr>
53 </table>
54 <h1 class="test">This is test text.</h1>
55 </body>
56 </html>

 

posted @ 2016-08-11 12:07  LittleD  阅读(218)  评论(0)    收藏  举报