在学习前端的时候，我们应该知道css给html标记添加各种样式，用来告诉浏览器，因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的，那么，html中如何引入外部的css文呢？本篇文章将给大家来介绍关于html引入css文件的四种方法，下面我们就来看看具体的内容。
1、html引入css文件之直接在div中使用css样式制作div+css网页
<divstyle="border:1pxredsolid;">html引入css文件</div>
说明：html引入css文件的这种方法不建议使用，因为会让页面的标签很多，看起来很累赘，体现不了css的优势，当然如果你非常想用这种方法，在不经常更改的地方可以用一用，但是还是不推荐。
2、html引入css文件之html中使用style自带式
直接在header里面写css
<styletype="text/css">
div{margin:0;padding:0;border:1pxredsolid;}
</style>
说明：html引入css文件的这种方法适合在页面较少的情况下使用。优点：速度快，所有的css控制都是针对本页面标签的，没有多余的css命令；再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦，单个页面显得臃肿，css不能被其他html引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。
3、html引入css文件之使用@import引用外部CSS文件
将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，<style>标记也是写在<head>标记中，使用的语法如下：
<styletype="text/css">
@import"mystyle.css";此处要注意.css文件的路径
</style>
4、html引入css文件之使用link引用外部CSS文件
在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件，使用html规则引入外部css。
<linkhref="./mystyle.css"rel="stylesheet"type="text/css"/>
说明：html引入css文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的css样式方法。
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54647.shtml
