|
HTML中引用CSS的方法主要有：
1、行内样式
2、内嵌式
3、链接式
4、导入样式
行内样式
指写在标签里的Style元素的值
<p style="color: #FF0000;">行内样式</p>
推荐教程：html教程
内嵌式
写在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文件的方法的详细内容，更多请关注爱上源码网其它相关文章！
微信
分享
相关标签：html css
本文转载于：博客园，如有侵犯，请联系916990011@qq.com删除
- 上一篇：html实现自定义图片上传按钮
- 下一篇：html基本语法与语义写法规则详解
相关文章
相关视频
- html实现网页标题栏添加图标
- html块级、行级元素介绍
- html文件基本结构介绍
- html实现自定义图片上传按钮
- html引用css文件的方法
- HTML表格标签常见属性
- HTML的框架结构（上）
- HTML的框架结构（下）
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~ | 
