HTML连接外部CSS文件的方法：
1、HTML引入CSS文件之直接在div中使用CSS样式制作div+CSS网页
<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引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进 行复杂的维护工作。
3、HTML引入CSS文件之使用@import引用外部CSS文件
将一个独立的.CSS文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中，使用的语法如下：
<style type="text/CSS"> @import"mystyle.CSS"; 此处要注意.CSS文件的路径</style>
4、HTML引入CSS文件之使用link引用外部CSS文件
在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件，使用HTML规则引入外部CSS。
<link href="./mystyle.CSS" rel="stylesheet" type="text/CSS"/>
说明：HTML引入CSS文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的CSS样式方法。
总结以上是内存溢出为你收集整理的html如何连接外部css文件？全部内容，希望文章能够帮你解决html如何连接外部css文件？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）