外部样式列表引用到html文档中,分别有几种方式?

html-css021

外部样式列表引用到html文档中,分别有几种方式?,第1张

1. 链入外部样式表链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<link>标记链接到这个样式表文件,这个<link>标记必须放到页面的<head>区内,如下:

<head>

……

<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">

……

</head>

2. 导入外部样式表导入外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import,看下面这个实例:

<head>

……

<style type=”text/css”>

<!--

@import “mystyle.css”

其他样式表的声明

-->

</style>

……

</head>

例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。

注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面。

html中引入外部样式使用<link>标签。

举例:

<link rel="stylesheet" type="text/css" href="本地或者远程的css文件地址">