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

发表评论
2,513

A+

所属分类：HTML

笔记

font-style: italic; 风格倾斜
font-weight: bold; 加粗
font-size: 23px; 字体大小
line-height:30px; 行间距
font-family: "SimHei"; 字体
也可以用一段话总结 font: italic bold 23px/30px "SimHei"; 注，顺序不要错,注意 “/”意义。

源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="编程博客 http://www.myblog.cc" />
<style>
    #test1{
        color: blue;
        font-style: italic;
        font-weight: bold;
        font-size: 23px;
        line-height:30px; 
        font-family: "SimHei";
   

    }
    #test2{
        font: italic bold 23px/30px "SimHei";
    }
</style>
</head>
    <body>
        <div id="test1">离离原上草，一岁一枯荣。<br />
            野火烧不尽，春风吹又生。</div>
        <div id="test2">远芳侵古道，晴翠接荒城。<br />
            又送王孙去，萋萋满别情。</div>
    </body>
</html>