壹、html怎么引用css？
在html文档中引用css有多少种方法？这些是什么？一般来说只有三种方式：
1．最常用的是引入样式表，在样式表中写入样式，引入方法如下：
linkhref="css/style.css"rel="stylesheet"type="文本/css”
2.用style/style包裹Html头，并在其中写入样式：
styletype="text/css"
*{
padding:0;margin:0
}
/风格
3.直接在标签中写入内联样式。
divstyle="color:#333"div
当然还有一种方式是使用JS直接对某个标签进行更改或赋值，但实际上陷入了第三类。
如何将html与css链接起来1、当我们不引入外部的css样式表时，通常我们都会将样式写在html中，而我们常见的方式有两种，第一种：
head
metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/
titletime元素/
/head
正文
divstyle="height:300px;width:500px;background:#999;"/div
/正文
2.第二种写法：
head
metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/
时间元素/
样式
。
全部{
高度：300px;
宽度：500px;
背景：#999;}
/style
/head
正文
3.创建一个css样式表文件
4.将其存储在css文件夹中
5.在html文件中写入链接代码，代码如下：
linkrel="stylesheet"type="text/css"href="css/index.css"/
6。
之后就可以看到我们连接的HTML文件和css文件的源代码了。
连接成功。
如何在html中导入css
1.使用链接样式
linkhref="style.css"rel="stylesheet"type="text/css"/
2.使用导入样式
styletype="text/css"
@import"style.css"
/style
扩展信息：
两者的区别
import和link的目的都是将独立的css文件引入到一个文件中。
两者之间没有太大区别。
其实两者最大的区别在于，link类型使用html标签来引入外部css文件，而import类型则使用css规则来引入。
外部CSS文件，因此它们的语法也不同。
这两种方法的实际效果也略有不同。
使用链接类型时，CSS文件会在加载页面主体部分之前加载，这样实际页面从一开始就有样式效果。
使用导入类型时，css文件将在整个页面加载后加载。
对于某些浏览器来说，某些情况下，如果页面文件比较大，会先出现一个无样式的页面，然后一闪就出现设置样式的效果。
从查看者的角度来看，这是使用导入的缺点。
贰、如何将CSS文件引用到html网页里方法
在header中间添加代码.4类型。
1、内联样式：即在品牌样式属性中设置CSS样式。
这种方法本质上并不能体现CSS的好处，所以不推荐。
2.内置：页面不同元素的参数写在和之间。
这个方法对于单页面来说非常实用。
3.导入类型：导入类型的格式如下：
有些浏览器比如在某些情况下，如果网页的文件大小比较大，会先显示无样式的页面，然后一闪就出现样式化的效果。
从观看者的角度来看，这是导入的。
.缺陷。
对于一些比较大的网站，为了方便维护，你可能希望将所有CSS样式放在多个CSS文件中。
这样，如果您使用连接导入，则需要几条指令来分别导入CSS文件。
如果要调整CSS文件的分类，则必须同时调整HTML文件。
这是维护工作的失误。
如果使用导入方式，只能导入一个普通的CSS文件，然后再导入。
与此文件无关的其他CSS文件不具有此功能。
因此，我的建议是：如果只需要导入一个CSS文件，就使用登录方式；如果需要导入多个CSS文件，首先使用登录方式引入一个“目录”CSS文件，然后使用“目录”CSS文件导入其他CSS文件。
如果您想使用javascript动态决定导入哪个CSS文件，您应该使用连接样式来实现此目的。
叁、div中如何引用外部css文件
在标签中引用外部CSS文件是一种常见的操作，这样可以将样式表与HTML文档分开，使它们更易于管理和维护。我们通常使用HTML中的标签来实现这一点。
在标签中，通过设置href属性指定外部CSS文件的路径。
下面是一个代码示例：
这样，CSS样式就可以应用于HTML文档中的所有元素。
需要注意的是CSS文件的路径要正确，避免链接错误。
此外，这些标签可以包含在标签中，以确保页面加载时正确应用样式。
例如：
同时，也有利于团队协作，每个人都可以独立维护样式文件。
在实际应用中，还可以考虑使用CDN来引用外部CSS文件，这会提高页面加载速度，因为用户可以从最近的服务器获取文件。
例如：
通过合理的配置，可以获得更好的用户体验和更高的网站性能。
肆、HTML引入CSS样式三种方法及优先级
在HTML中引入CSS样式主要有三种方式。内联定义链接到内部CSS和链接到外部CSS。
不同地区的花纹板材有不同的影响。
内联定义；使用style属性直接在对象的标记中设置样式；格式如下：以这种方式引用的样式仅影响当前的HTML元素。
通过使用HTML文档中的标签引用CSS文件来链接到内部CSS。
示例代码如下：链接外部CSS时；CSS文件放置在网页外部，通过链接应用到网页上，类似于C语言中的.h文件。
外部CSS文件的引用格式如下：输入外部CSS文件的引用引用；包括rel和href；类型设置为text/css；rel固定到样式表，href指向CSS文件的路径。
三种引用方法的范围和优先级是：链接到外部CSS；链接到内部CSS和线条定义。
内联定义具有最高优先级；内部CSS次之，优先级最低的是外部CSS。
用示例代码说明优先级。
在外部CSS文件中设置div1的背景颜色为红色；内部CSS为黑色；并从线上设置为绿色。
结果显示，内联定义的样式优先级最高，并显示为绿色。
删除内部定义后，比较内部CSS和外部CSS的优先级，其中外部CSS的优先级高于外部CSS。
总之，内部定义的样式具有最高优先级；接下来是内部CSS，外部CSS的优先级最低。
我是一名正在创业的前端工程师，如果你也很困惑，不知道如何学习前端，可以在我自己的学习群里分享知识。
会有匹配的学习。
您还可以参加我和同事组织的在线项目和活动。
