css外部样式表在.css中怎么写

html-css025

css外部样式表在.css中怎么写,第1张

css外部样式表在css中写法如下:

先建立一个样式文件,如 a.html 的样式是 b.css。

a.html 里边 <style type="tyle/css" href="b.css" /> b.css文件里边写 样式就好了

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

第一种:link引用

1

<link rel="stylesheet" href="/css/mycss.css" />

第二种:@import引用

1

2

3

<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。

直接再项目里面创建一个XXXX.css的文件,然后把页面的样式写到这个css拓展名的文件中就行,然后html页面里面直接加入这个标签就行,只是在href的后面写上对应CSS文件的路径就行,<link rel="stylesheet" type="text/css" href="XXXX.css" />

注:一个HTML文件中可以有多个link标签