CSS的4种导入方式
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部样式-->
<style>
h1{
color: green;
}
</style>
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<!--优先级就近原则-->
<!--行内样式:在标签元素中,编写一个style属性,编写样式即可-->
<h1 style="color: red">我是标题</h1>
</body>
</html>
css
/*外部样式*/
h1{
color: yellow;
}
拓展:外部样式的两种写法
-
链接式
html
<!--外部样式--> <link rel="stylesheet" href="CSS/style.css">
-
导入式
css2.1
html<!--导入式--> <style> @import url("css/style.css"); </style>
基本区别