字體
屬性名:font-size
取值:像素(單位:px)、em(1em=16px)、small(medium、large)
說明:改變字體大小屬性名:color
取值:直接給英文名稱(例:red)、16進制編號(例:#cccccc)
說明:改變字體顏色屬性名:font-family
取值:Serif 字體、Sans-serif 字體、Monospace 字體、Cursive 字體、Fantasy 字體、漢字(例:微軟雅黑)
說明:改變字體類型屬性名:font-style
取值:normal(正常)、italic(斜體)、oblique(傾斜)
說明:改變字體風格屬性:font-weight
取值:100(細)~900(粗)
說明:改變字體粗細,400=normal,700=bold
實例
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#word_1 {
font-size:20px;/*大小*/
color:red;/*顏色*/
font-style:oblique;/*風格*/
font-weight:900;/*粗細*/
}
#word_2 {font-family:宋體;/*類型*/}
#word_3 {
font-size:2em;/*大小*/
color:#cccccc;/*顏色*/
font-style:italic;/*風格*/
font-weight:normal;/*粗細*/
}
</style>
</head>
<body>
<p id="word_1">字體1</p>
<p id="word_2">字體2</p>
<p id="word_3">字體3</p>
</body>
</html>