属性名: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>