css控制文字大小、字体及颜色

转载于 2014-09-24 06:50:57 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/716870410/1557546

本文通过两个具体的HTML示例展示了如何使用CSS来控制文本的颜色、字体样式、字体粗细及大小等属性。其中包括了两种设置样式的方法：一种是分别设置各项属性，另一种是通过一行代码精简设置。

css控制文字大小、字体及颜色：

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title></title>

  <style>

   #div1{

    color:red;

    font-style:italic;

    font-weight:bold;

    font-size:25px;

    line-height:40px;

    font-family:simhei;

   }

   #div2{

    font:italic bold 25px/40px "simhei";/*div2除了颜色不一样其他设置和div一都一样，注意这样设置快捷方便但要按照先后顺序设置*/

   }

  </style>

 </head>

 <body>

  <div id="div1">床前明月光，疑似地上霜。<br />举头望明月，我是郭德纲。</div>

  <div id="div2">床前明月光，疑似地上霜。<br />举头望明月，我是郭德纲。</div>

 </body>

</html>

效果：