Rumah > Artikel > hujung hadapan web > HTML怎么调用css文件
HTML怎么调用css文件
- 青灯夜游asal
- 2021-04-26 12:02:404445semak imbas
调用方法：1、在文档head部分，使用“92cb8dc53636c60886fef85546336e5d”语句调用；2、在style标签内，使用“@import url("文件路径")”语句调用。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS样式的引入方式共有三种：行内样式、内部样式表、外部样式表。其中，外部样式表就是一个包含css样式的.css文件。
那么在HTML中怎么调用外部css文件？有两种方式：链接式、导入式。
语法：
1、链接式
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
2、导入式
<style type="text/css">
@import url("css文件路径");
</style>例如：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>外部样式表</title>
<!--链接式:推荐使用-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--导入式-->
<style type="text/css">
@import url("css/style.css");
</style>
</head>
<body>
<ol>
<li>1111</li>
<li>2222</li>
</ol>
</html>链接式和导入式的区别
2cdf5bf648cf2f33323966d7f58a7f3f
1、属于XHTML
2、优先加载CSS文件到页面
@import
1、属于CSS2.1
2、先加载HTML结构在加载CSS文件。
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci HTML怎么调用css文件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html是干什么的Artikel seterusnya：javascript中“===”的用法是什么