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

最新推荐文章于 2023-10-29 22:23:49 发布

雙安

最新推荐文章于 2023-10-29 22:23:49 发布

阅读量3k

点赞数 2

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/xiongwanfeng/article/details/74931529

版权

HTML/CSS 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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>