引用CSS的写法有几种?

发布网友 发布时间:2022-04-23 10:44

我来回答

4个回答

热心网友 时间:2022-04-28 15:03

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:

第一种:link引用
<link rel="stylesheet" href="/css/mycss.css" />
第二种:@import引用
<style type="text/css">
@import url(/css/mycss.css)
</style
link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

热心网友 时间:2022-04-28 16:21

外部样式(外联样式)<link href="style.css" rel="stylesheet" type="text/css" />

内部样式(内嵌式)<style type="text/css">
div { width:10px;}
</style>
行内样式 <div style="width:18px;">divdiv</div>
导入样式
<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->
<style type="text/css">
@import "CssStyle.css";
</style>

热心网友 时间:2022-04-28 17:56

1、直接在HTML标签中,使用style属性内嵌css样式。
2、在html头部head部分内,使用style标签插入css样式。
3、使用@import引用外部CSS文件。
4、使用link来调用外部的css文件。

热心网友 时间:2022-04-28 19:47

link引用和@import引用

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com