HTML系列之内联式(七)

JM_杰

于 2017-06-12 19:31:12 发布

阅读量464

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 标签

本文链接：https://blog.youkuaiyun.com/dapyandxpy/article/details/73135482

html 专栏收录该内容

14 篇文章

订阅专栏

本文通过一个简单的实例展示了如何使用内联式CSS样式来改变文本的颜色和字体大小。内联式CSS样式是指直接在HTML标签中使用style属性来定义样式的CSS应用方式。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示内联式CSS样式</title>


</head>
<body>
<!--当我们想要为某段文字设置一个样式,
但是又不想使用含有语义化的标签(比如强调)
仅仅是想给某段文字改个颜色什么的,那么就可以将该段文字放在span标签中-->

<span></span>

<!--两个p标签,都是div的子标签-->
<!--两个span标签,都是div的后代标签,但是不是子标签-->
<!--两个p标签之前,可以理解为兄弟标签-->
<div>我是
    <p>
        <!--什么是内连式CSS样式?-->
        <!--将css样式代码.直接写在标签的style属性中-->
        <!--这种写法就叫做内联式-->
    一个<span style="color: red; font-size: 30px ;">
    大
</span>
    的
</p>
    标题
    <p>
        一个<span>
    大
</span>
        的
    </p>
    标题
</div>

</body>
</html>