css的初步应用

Cheng1211z

于 2022-05-31 09:14:37 发布

阅读量69

点赞数

文章标签： html jquery 前端

本文链接：https://blog.youkuaiyun.com/qq_46089270/article/details/125058332

版权

这个博客展示了如何在HTML中使用CSS，包括内嵌样式、内部样式和外部样式表的应用。例子中，`<h1>`标签分别用不同方式设置了颜色，如内联样式、类选择器。此外，还涉及到对`<p>`元素的样式定义。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css-practice-one</title>
    <!--2.内部样式-->
    <style type="text/css">
        .blue{
            color: red;
            font-size: 20px;
        }
    </style>
    <link rel="stylesheet" href="../css/my.css">
</head>
<body>
        <!--1.内嵌-->
        <h1 style="color: aqua">王老师</h1>
        <h1 class="blue">朱老师</h1>
        <h1 class="yellow">高老师</h1>
        <p class="red">paragraph one</p>
        <p class="yellow">paragraph two</p>
        <p class="black">paragraph three</p>
</body>
</html>