html如何引⼊css⽂件？HTML引⼊外部css⽂件的四种⽅法在学习前端的时候，我们应该知道css给html标记添加各种样式，⽤来告诉浏览器，因该如何显⽰这些标记⾥⾯的内容。既然css是⽤来给html添加各种样式的，那么，html中如何引⼊外部的css⽂呢？本篇⽂章将给⼤家来介绍关于html引⼊css⽂件的四种⽅法，下⾯我们就来看看具体的内容。
1、html引⼊css⽂件之直接在div中使⽤css样式制作div+css⽹页
<div >html引⼊css⽂件</div>
说明：html引⼊css⽂件的这种⽅法不建议使⽤，因为会让页⾯的标签很多，看起来很累赘，体现不了css的优势，当然如果你⾮常想⽤这种⽅法，在不经常更改的地⽅可以⽤⼀⽤，但是还是不推荐。
2、html引⼊css⽂件之html中使⽤style⾃带式
href标签怎么用直接在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⽂件
在⽹页的标签对中使⽤标记来引⼊外部样式表⽂件，使⽤html规则引⼊外部css。
<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
说明：html引⼊css⽂件的这种⽅法就不需要style标签，⽽是直接通过link⼀个样式来引⽤外部样式，推荐使⽤link来引⽤外部的css样式⽅法。
以上就是给⼤家介绍的四种html引⼊外部css⽂件的四种⽅法，更多关于html和css的内容可以关注我

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。