前端一HTML:八:css中与文本相关的属性_css中 text-agile-优快云博客

本文通过一个HTML页面实例，展示了如何使用CSS来美化文本，包括设置文本颜色、大小、样式、字体及连写格式，使页面元素更加吸引眼球。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        p{
            color:blue; /*文本的颜色*/
            font-size: 17px; /*文本的大小*/
            font-style:normal; /*文本的显示样式 italic: 斜体*/
            font-family: "隶书"; /*文本的格式*/
            /*font-weight: 900;*/ /*文本的粗细  如果是数字取值:只能取100-900之间的整百数*/
            font-weight: bolder; /*文本的粗细*/
        }
    </style>
</head>
<body>
    <p>唐伯虎点秋香</p>
    <p>逃学威龙</p> 
    <p>大内密探零零发</p>
    <p>赌神</p>
    <p>少林足球</p>
    <p>功夫</p>
</body>
</html>

连写格式: font-size font-family 属性必须写，并且位置必须放在最后面。其他属性可写，可不写。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        p {
            /* 连写格式: font-style font-weight font-size font-family */
            font: italic bold 20px "隶书";
        }
    </style>
</head>
<body>
    <p>唐伯虎点秋香</p>
    <p>逃学威龙</p> 
    <p>大内密探零零发</p>
    <p>赌神</p>
    <p>少林足球</p>
    <p>功夫</p>
</body>
</html>