先建立一个样式文件,如 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标签