CSS:行内/内部样式/外部样式的使用方式示例

最新推荐文章于 2025-04-22 20:52:59 发布

亦昕跑的码

最新推荐文章于 2025-04-22 20:52:59 发布

阅读量2.4k

点赞数 1

文章标签： css

本文链接：https://blog.youkuaiyun.com/yiXin_Chen/article/details/122078376

版权

本文提供了三种不同的CSS样式应用实例：行内样式、内部样式及外部样式。通过具体的HTML代码示例，展示了不同方式下如何为页面元素应用颜色样式。

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

1. 行内样式示例:

<body>
    <div>默认效果</div>
    <div style="color: red">行内样式效果</div>
</body>

2. 内部样式示例:

<head>
    <meta charset="UTF-8">
    <title>2.内部样式</title>
    <style>
        div{
            color: yellow;
        }
    </style>
</head>
<body>
    <span>默认效果</span>
    <div>内部样式效果</div>
</body>

3.外部样式示例:

<head>
    <meta charset="UTF-8">
    <title>3.外部样式</title>
    <!--<link rel="stylesheet" href="css/no3.css">-->
    <style>
        @import "css/no3.css";
    </style>
</head>
<body>
    <span>默认效果</span>
    <div>外部样式效果</div>
</body>