css的3种导入方式

css的3种导入方式

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        h1{
            color: lightpink;
        }
    </style>
    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

<!--优先级：就近原则-->
<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
<h1 style="color: coral" >我是标题</h1>

</body>
</html>
复制代码

扩展：外部样式两种写法

  • 链接式：

 <!--外部样式-->
  <link rel="stylesheet" href="css/style.css">

  • 导入式

@import是CSS2.1特有的！

  <!--导入式-->
  <style>
    @import url(css/style.css);
  </style>

 

posted @   少时凌云志  阅读(107)  评论(0)  编辑  收藏  举报
相关博文：
·  什么是css
·  引入JavaScript
·  四种css导入方式
·  CSS导入方式与基本选择器
·  CSS样式的三种导入方式
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手