html如何关联css文件?

在学习前端的时候,我们应该知道css给html标记添加各种样式,用来告诉浏览器,因该如何显示这些标记里面的内容。既然css是用来给HTML添加各种样式的,那么,html如何关联css文件?

引用外部css文件的方法:

  • 使用@import引用外部CSS文件

  • 使用link引用外部CSS文件(推荐此方法)

1、使用@import引用外部CSS文件方法介绍

@import语法结构

@import + 空格+ url(CSS文件路径地址);

在html中使用

<style type="text/css">
@import url(CSS文件路径地址);
</style>

在css中直接使用

@import url(CSS文件路径地址);

2、使用link引用外部CSS文件方法介绍

link语法结构

<link href="CSSurl路径" rel="stylesheet" type="text/css" />

此标签是引入CSS文件link标签,只要设置好路径即可。

以上就是html如何关联css文件?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑