CSS中关于字体样式p标签的属性

最新推荐文章于 2025-07-16 22:46:34 发布

原创最新推荐文章于 2025-07-16 22:46:34 发布 · 3.4w 阅读

49 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #html #opacity #font-size #font-weight

本文详细介绍了CSS中P标签的样式设置方法，包括字体家族、粗细、大小、样式、颜色及透明度等属性，并通过示例代码展示了如何具体应用这些样式。

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

CSS中关于P标签中的样式：

1、font-family：浏览器在显示字体的时候，依次判断是否支持当前的字体，直到最后的字体系列。

font-family："宋体","仿宋",sans-serif; 浏览器若不支持宋体，则用仿宋；若不支持仿宋，则在sans-serif中找。

2、font-weight：确定字体的粗细

font-weight: bold;

bold：加粗；bloder：深度加粗；lighter：细体；

3、font-size：字体的大小，默认字体大小是16px

font-size:200%;

4、font-style：字体的显示样式

font-style: italic;

italic：斜体； normal：正常

5、color：字体颜色

color: red;

6、opacity：字体的透明度

opacity:0.5; 1：默认样式；0：全透明

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        p{
            font-family: "宋体","仿宋",sans-serif;/*若电脑不支持宋体，则用仿宋，若不支持仿宋，则在sans-serif中找*/
            font-weight: bold;
            font-size: 200%;
            font-style: italic;
            color: red;/*字体颜色*/
            opacity: 0.5;/*字体的透明度：1：默认样式，0：全透明*/
        }
    </style>
    <title>字体</title>
</head>
<body>
<p>
    下载全新星巴克中国官方APP，开启更便捷的星巴克体验
</p>
</body>
</html>

上述代码运行的结果是：