font 在一个声明中设置所有字体属性。
font-weight 规定字体的粗细。 font-style 规定文本的字体样式（正斜）。 font-size 规定文本的字体尺寸。 line-height 行距 font-family 规定文本的字体系列。 font-size-adjust 文本的字体名称序列是否强制使用同一尺寸。 font-stretch 收缩或拉伸当前的字体系列。 font-variant 规定是否以小型大写字母的字体显示文本。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css控制文字大小字体和颜色</title> <style type="text/css"> #test1{ /*分开写的方式*/ color: purple; font-weight: bold;/*粗细：粗体*/ font-style: italic;/*正斜：斜体*/ font-size: 20px;/*字的大小*/ line-height: 50px;/*行距*/ font-family: "SimHei";/*字体：黑体*/ } #test2{ /*合并写的方式，按顺序*/ font: bold italic 20px/50px "SimHei"; } </style> </head> <body> <div id="test1"> 相见时难别亦难，东风无力百花残。<br/> 春蚕到死丝方尽，蜡炬成灰泪始干。 </div> <div id="test2"> 晓镜但愁云鬓改，夜吟应觉月光寒。<br/> 蓬山此去无多路，青鸟殷勤为探看。 </div> </body> </html>效果：
