引入在css文件夹下的style.css文件,哪种引用方法正

html-css018

引入在css文件夹下的style.css文件,哪种引用方法正,第1张

引入在css文件夹下的style.css文件,行内样式引用方法正确。根据查询相关公开信息显示:行内样式是最简单的一种style.css使用方式,就是在html标签中使用style属性添加CSS样式。

目前有两种引用方式,一种是通过在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。

在CSS文件中引入CSS文件需要用到 @import 。例如:

@import "sub.css"

使用用@import引入CSS可以很方便的引入外部文件的CSS代码,方便维护和规划。但是每多引入一个CSS文件,就会对服务器增加一次连接请求,当访问量较大时,需在维护性和性能上进行权衡。