1）外部样式是CSS样式中较为理想的一种形式。将CSS样式代码单独地放在一个独立的文件中，由页面进行调用，多个网页可以调用一个外部样式文件，因此可以实现代码的最大化使用及网站文件的最优化配置。一般是采用
<link href="style/style.css" rel="stylesheet" type=text/css"/>
在上面的代码中，在<head>标签中使用<link>标签，可以将link指定为stylesheet样式，用href指明外部样式的文件的路径，我们平时只需要将所需的样式的编写在这个文件中就可以了。而且我们使用这种方式的时候，可以将样式应用于多个页面中，而且如果需要修改的话，只需要修改文件中的样式就可以了，这样子方便样式的管理。
2）同时，我们也可以使用@import命令导入外部CSS样式文件，这个实际上是跟外部样式是基本相同的，也都是创建一个CSS的样式文件，然后引入到HTML文件中，但是语法上和运行方式上有所不同的。采用导入的样式，在HTML文件初始化的时候，会被导入到HTML文件中，作为文件中的一部分，类似于内部CSS样。而链接的外部CSS样式的文件是在HTML中需要的时候，才以链接的方式引入。
<head>
<style type="text/css">
@import url("文件的路径");
</style>
</head>其实为什么要设置是要单独编写一个样式文件呢？CSS样式在页面中的应用目的是实现良好的网站文件管理及样式管理，分离式的结构有助于合理地分配表现与内容。
但是我们会优先推荐使用外部样式，因为：
首先，它是独立于HTML文件，便于修改。
然后，多个文件可以引用同一个样式文件。
样式文件只需要下载一次，就可以在其他的链接了该页面内使用。
浏览器会先显示HTML内容，然后根据样式文件进行渲染，从而使访问者可以更快地看到内容。
扫一扫
639
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
