01设置字体。

<style>
 h2{font-family:幼圆}
 p{font-family:黑体}
p.aaa{font-family:楷体}
</style>
<h2>立春</h2>
<p>自秦代以来</p>
<p class="aaa">作者：涂磊</p>

立春

自秦代以来

作者：涂磊

02设置文字大小

<style>
p.one{font-size:20px;}
p span{font-size:30px;}
</style>
<p class="one">文字大小<span>相对值</span>,15px</p>

文字大小相对值,15px

 03设置文字颜色

<style>
   p{color:#ff0000}
   p span{color:#0000FF}
</style>
<p><span>冬至</span>的由来</p>

冬至的由来

 04设置粗细

 

<style>
 p.a0{font-weight:lighter;}
 p.a1{font-weight:100;}
 p.a2{font-weight:200;}
 p.a3{font-weight:300;}
 p.a4{font-weight:400;}
 p.a5{font-weight:500;}
 p.a6{font-weight:600;}
 p.a7{font-weight:700;}
 p.a8{font-weight:800;}
 p.a9{font-weight:900;}
 p.a10{font-weight:blod;}
</style>

<p class="a0">文字粗细：lighter</p>
<p class="a1">文字粗细：100</p>
<p class="a2">文字粗细：200</p>
<p class="a3">文字粗细：300</p>
<p class="a4">文字粗细：400</p>
<p class="a5">文字粗细：500</p>
<p class="a6">文字粗细：600</p>
<p class="a7">文字粗细：700</p>
<p class="a8">文字粗细：800</p>
<p class="a9">文字粗细：900</p>
<p><strong>文字粗细：blod</strong></p>
<p class="a11">文字粗细：normal</p>

文字粗细：lighter

文字粗细：100

文字粗细：200

文字粗细：300

文字粗细：400

文字粗细：500

文字粗细：600

文字粗细：700

文字粗细：800

文字粗细：900

文字粗细：blod

文字粗细：normal

 05文字下划线,上划线

<style>
p.one{text-decoration:underline;}
p.two{text-decoration:overline;}
p.three{text-decoration:line-through;}
p.four{text-decoration: blink;}
p.o5{text-decoration: underline overline line-through;}

</style>

<p class="one">文字下划线</p>
<p class="two">文字下划线</p>
<p class="three">文字下划线</p>
<p class="four">文字下划线</p>
<p class="o5">文字下划线</p>

文字下划线

文字下划线

文字下划线

文字下划线

文字下划线