HTML中引用CSS的方法主要有：
1、行内样式
2、内嵌式
3、链接式
4、导入样式
行内样式
指写在标签里的Style元素的值
复制代码1
<p style="color: #FF0000;">行内样式</p>
登录后复制推荐教程：html教程
内嵌式
写在HTML页面的head标签里。
复制代码1
2
3
<style type="text/css">
XXXXXXXX
</style>
登录后复制链接式
也是在head标签内部进行，但是需要在外部专门写CSS文件。
复制代码1
<link rel="stylesheet" href="css/Demo.css" />
登录后复制导入样式
同样在head标签内。
复制代码1
2
3
<style type="text/css">
@import url("css/Demo.css");
</style>
登录后复制导入和链接的区别为：导入时一次加载，而链接是在需要其样式的时候再去加载，所以链接式的性能更高一点。 尤其是在第一次加载 时。
优先级：
行内样式
链接式
内嵌式
导入式（链接在导入后）
OR
行内样式
内嵌式
导入式
最后
以上就是开心水池最近收集整理的关于html引用css文件的方法的全部内容，更多相关html引用css文件内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复