フォントスタイル
フォントの太さ:テキストの太さ
- 通常:デフォルト値、標準の厚さ
- 太字:太字
- 太字:太字
- 軽い:細かい
- 100〜900:特定の厚さを設定します。400は通常に相当し、700は太字に相当します。
- 継承:親要素のフォントの太さを継承します
<style>
.c1 {font-weight: bold;}
#p2 {font-weight: bolder;}
#p3 {font-weight: lighter;}
#p4 {font-weight: 500;}
#p5 {font-weight: inherit;}
</style>
<p>石灰吟</p>
<hr>
<p id="p1" class="c1">千锤万凿出深山</p>
<hr>
<p id="p2">,烈火焚烧若等闲</p>
<hr>
<p id="p3">。粉身碎骨全不怕</p>
<hr>
<p id="p4">要留清白在人间</p>
<hr>
<ul class="c1">
<li>
<p id="p5">于谦 [明代]</p>
</li>
</ul>
テキストスタイル
フォントスタイル:-テキストスタイル
- 通常;-通常、デフォルトは通常です
- イタリック; –傾斜
<style>
#p1 {font-style: italic;}
#p2 {font-style: normal;}
</style>
<p id="p1">死去元知万事空,但悲不见九州同</p>
<hr>
<p id="p2">王师北定中原日,家祭无忘告乃翁</p>
フォントサイズ
通常12pxまたは13pxまたは14px
注:
1。font-sizeを使用してテキストサイズを設定するには、単位
が必要です。つまり、pxと記述する必要があります。2。継承するように設定されている場合は、親要素のフォントサイズ値が継承されることを意味します。 。
<style>
#p1 {font-size: 20px}
.c1 {font-size: 25px}
#p2 {font-size: inherit}
</style>
<p id="p1">竹石</p>
<div class="c1" >
<p>咬定青山不放松,立根原在破岩中</p>
<a id="p2">千磨万击还坚劲,任尔东西南北</a>
</div>
テキストフォント
font-family:–フォントスタイル
一般的なフォント:
- セリフフォント
- サンセリフサンセリフ
- 中国語:Song Ti、Microsoft Yahei、HeiTi
注:
設定されたフォントは、ユーザーのコンピューターに既にインストールされているフォントである必要があり、ブラウザーは認識できる最初の値を使用します。
値が中国語の場合は、一重引用符または二重引用符で展開する必要があります
<style>
#p1 {font-family: "微软雅黑"}
#p2 {font-family: "宋体"}
#p3 {font-family: "华文行楷"}
#p4 {font-family: "华文隶书"}
#p5 {font-family: "华文细黑"}
#p6 {font-family: "华文楷体"}
</style>
<p id="p1">采桑子.重阳</p>
<p id="p2">人生易老天难老,岁岁重阳。</p>
<p id="p3">今又重阳,战地黄花分外香。</p>
<p id="p4">一年一度秋风劲,</p>
<p id="p5">不似春光。</p>
<p id="p6">胜似春光,廖廓江天万里霜。</p>
フォントの色
- color:rgb(123,123,123); –フォントの3つの原色がフォントの色と一緒にパッチされます
- 色:赤;-プリセット色
<style>
#p1 {color: red}
#p2 {color: blueviolet}
#p3 {color: blue}
#p4 {color: #00ff88}
#p5 {color: rgb(123, 123, 123)
}
</style>
<p id="p1">人生易老天难老,岁岁重阳。</p>
<p id="p2">今又重阳,战地黄花分外香。</p>
<p id="p3">一年一度秋风劲,</p>
<p id="p4">不似春光。</p>
<p id="p5">胜似春光,廖廓江天万里霜。</p>