【web前端基础 | CSS】引入css样式的三种方式

最新推荐文章于 2023-08-08 16:19:25 发布

-4444x-

最新推荐文章于 2023-08-08 16:19:25 发布

阅读量284

点赞数

分类专栏：移动与web前端开发文章标签： css css3

本文链接：https://blog.csdn.net/qq_43490212/article/details/109131917

版权

移动与web前端开发专栏收录该内容

41 篇文章 2 订阅

订阅专栏

思维导图

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 内部引入方式 -->
    <style>
        .way_01 {
            font-size: larger;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            background-color: rgb(235, 93, 93);
        }
    </style>

    <!-- 外部引入方式 -->
    <link rel="stylesheet" href="c_01.css">
</head>

<body>
    <p class="way_01">第一种引入方式：内部引入方式</p>
    <p class="way_02">第二种引入方式：外部引入方式</p>
    <p style="background-color: seagreen;">第三种引入方式：行内引入方式</p>
</body>

外部引入还得有一个.css文件

注：三种同时出现，样式采用就近原则。内外部引入方式最常使用。

优惠劵

-4444x-

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【web前端基础 | CSS】引入css样式的三种方式

思维导图<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>  <style> .way_01 { font-size
复制链接

扫一扫