web前端——css与文字相关的一些常用属性

最新推荐文章于 2025-05-19 12:09:13 发布

原创最新推荐文章于 2025-05-19 12:09:13 发布 · 1.0k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css文本

web前端学习专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一段使用CSS进行样式设置的HTML代码实例，包括设置字体大小、字体样式、字体加粗、文字颜色及文本方向等内容。通过具体示例展示了如何在HTML中内联样式，并对各个属性进行了说明。

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

font-size:12px;设置字体大小，数值越大字号越大，单位有px、em、%、rem、pt等。还可以不写单位。

font-family:"黑体"; 设置字体样式，如果设置的字体不是英文，需要用""冒号包起来。

font-weight:200; 字体加粗，数值越大越粗，不过，只能是整百的，最多不超过900，但是一般只写bold。而且好多写了没效果。

color:red; 设置文字颜色，可以是单词，可以是颜色值，可以是rgb颜色值。

font-style: 设置文本的方向，比如顷斜。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>标签</title>
    <style type="text/css">
        div{
            font-size: 20px;
            font-family: "黑体";
            font-weight: bold;
            color:red;
            font-style: italic;
        }
    </style>
</head>
    <body>
        <div>卡特琳娜</div>
    </body>
</html>