fong-family

　　　　制定字体；

　　　　通用字体："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"；

　　font-size

　　　　xx-small　　/　　x-small　　/　　small　　/　　medium　　/　　large　　/　　x-large　　/　　xx-large;

　　　　smalller　　/　　larger;

　　　　length　　//具体值，带单位；

　　　　%　　//基于父元素的一个百分比值；

　　font-style

　　　　normal

　　　　italic　　//斜体；

　　　　oblique　　//倾斜；

　　font-variant

　　　　normal

　　　　small-caps　　//小型大写字母；

　　font-weight

　　　　normal

　　　　bold

　　　　bolder

　　　　lighter

　　　　100　　/　　200　　/　　300　　```　　/　　900;

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font样式</title>
    <style type="text/css">
        span{padding-right:50px; color:red;}
        p{display:inline;}
    </style>
</head>
<body>
    <span>font-size: smaller;</span>    <p style="font-size: smaller;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: xx-small;</span>    <p style="font-size: xx-small;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: x-small;</span>    <p style="font-size: x-small;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: small;</span>    <p style="font-size: small;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: medium;</span>    <p style="font-size: medium;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>"font-size: large;</span>    <p style="font-size: large;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: x-large;</span>    <p style="font-size: x-large;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: xx-large;</span>    <p style="font-size: xx-large;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: larger;</span>    <p style="font-size: larger;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-size: 200%;</span>    <p style="font-size: 200%;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>

    <span>font-style: italic;</span>    <p style="font-style: italic;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-style: oblique;</span>    <p style="font-style: oblique;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-variant: small-caps;</span>    <p style="font-variant: small-caps;">aaaaaaaaaaa</p><br><br>
    <span>font-weight: lighter;</span>    <p style="font-weight: lighter;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: bold;</span>    <p style="font-weight: bold;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: bolder;</span>    <p style="font-weight: bolder;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 100;</span>    <p style="font-weight: 100;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 200;</span>    <p style="font-weight: 200;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 300;</span>    <p style="font-weight: 300;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 400;</span>    <p style="font-weight: 400;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 500;</span>    <p style="font-weight: 500;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 600;</span>    <p style="font-weight: 600;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 700;</span>    <p style="font-weight: 700;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 800;</span>    <p style="font-weight: 800;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>
    <span>font-weight: 900;</span>    <p style="font-weight: 900;">《水浒传》是中国历史上以白话文写成的章回小说</p><br><br>

</body>
</html>