HTML系列之内联式(七)

最新推荐文章于 2024-03-31 19:45:48 发布

JM_杰

最新推荐文章于 2024-03-31 19:45:48 发布

阅读量412

点赞数

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

本文链接：https://blog.csdn.net/dapyandxpy/article/details/73135482

版权

html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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>

JM_杰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML系列之内联式(七)

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

扫一扫