Version: Next

css导入方式

w3c在线学习css

https://www.w3school.com.cn/css/index.asp

行内样式

<h1 style="color : red">
红色的
</h1>

内部样式

<head>
<style>
h2 {
color: green
}
</style>
</head>
<body>
<h1>
绿色的
</h1>
</body>

外部样式

  • style.css
h1{
color: yellow
}

  • 导入外部css文件

    • 从外部导入css文件
    <style>
    @import "css/style.css";
    </style>

    或

    <link rel="stylesheet" href="css/style.css">

  • 页面

<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <link rel="stylesheet" href="css/a.css">-->
<style>
@import "css/style.css";
</style>
</head>
<body>
<div> 黄色的我</div>
</body>

各种导入方式优先级

就近原则

info

行内 > 内部 > 外部