1、CSS的几种导入方式
首先在上一篇文章中，在html中使用style的导入css的方式叫做内部样式标，而单独写一个css并在html中用link链接的叫做外部样式标。
接下来介绍一直简单的——行内样式标，在编写例如h1的标签时，可以添加style属性，在这个属性中就可以编写css
<!--行内样式：在标签元素中编写一个style属性-->
<body>
<h1 style="color: blue;"></h1>
</body>那么，假如几种导入方式同时存在会发生什么呢？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 内部样式 -->
<style>
h1{
color: aquamarine;
}
</style>
</head>
<!--行内样式：在标签元素中编写一个style属性-->
<body>
<h1 style="color: blue;">hello world！</h1>
</body>
</html>
可以看见内部样式优先级低于行内样式，通过反复的实验（主要每个样式的出现顺序）可以发现，三者遵循就近原则，也就是后者会覆盖前者。
而外部样式又有两种导入方式，分别为连接式和导入式，前者就是所用的link，后者使用以下方式导入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<style>
@import url(css/style.css);
</style>
<body>
<h1>你好</h1>
</body>
</html>
现在link在css中使用较多，导入式较少，原因在于导入式会先加载框架再进行渲染，在大网页中使用不便，而连接式是同时完成。其次连接式其实是html语言，而导入式是css语言
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
