html如何连接外部css文件？-木庄网络博客

本文摘自PHP中文网，作者不言，侵删。

在学习前端的时候，我们应该知道css给html标记添加各种样式，用来告诉浏览器，因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的，那么，html中如何引入外部的css文呢？本篇文章将给大家来介绍关于html引入css文件的四种方法，下面我们就来看看具体的内容。

html连接外部css文件的方法：

1、html引入css文件之直接在div中使用css样式制作div+css网页

1	`<div` `style="border:1px red solid;">html引入css文件</div>`

说明：html引入css文件的这种方法不建议使用，因为会让页面的标签很多，看起来很累赘，体现不了css的优势，当然如果你非常想用这种方法，在不经常更改的地方可以用一用，但是还是不推荐。

2、html引入css文件之html中使用style自带式

直接在header 里面写css

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

说明：html引入css文件的这种方法适合在页面较少的情况下使用。优点：速度快，所有的css控制都是针对本页面标签的，没有多余的css命令；再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦，单个页面显得臃肿，css不能被其他html引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。

阅读剩余部分