今天小编给大家分享的是html是怎样引用css文件的，相信很多人都不太了解，为了让大家更加了解html引用css文件的方法，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。
HTML中引用CSS的方法主要有：
1、行内样式
2、内嵌式
3、链接式
4、导入样式
行内样式
指写在标签里的Style元素的值
<p style="color: #FF0000;">行内样式</p>
内嵌式
写在HTML页面的head标签里。
<style type="text/css">
XXXXXXXX
</style>链接式
也是在head标签内部进行，但是需要在外部专门写CSS文件。
<link rel="stylesheet" href="css/Demo.css" />
导入样式
同样在head标签内。
<style type="text/css">
@import url("css/Demo.css");
</style>导入和链接的区别为：导入时一次加载，而链接是在需要其样式的时候再去加载，所以链接式的性能更高一点。 尤其是在第一次加载 时。
优先级：
行内样式
链接式
内嵌式
导入式（链接在导入后）
OR
行内样式
内嵌式
导入式
关于html是怎样引用css文件的就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
