如何在HTML中加载一个CSS文件?

可以通过link标签加载:

<link rel="stylesheet" href="wcss.css" type="text/css" />

也可以通过@import方式加载

<style type="text/css">  
    @import url(demo.css);  
</style> 

注意使用@import方式加载会导致HTML页面加载完成之后才会去加载CSS文件,也就是说在加载CSS文件之前,页面是裸奔的,但是进入网站响应速度会更加快!

<html>

<head>

<link rel="stylesheet" href="wcss.css" type="text/css" />

<title>test load css</title>

</head>

<body>

//...

</body>

</html>


猜你喜欢

转载自blog.csdn.net/bjbz_cxy/article/details/79869929