HTML链接css,html链接css文件
html如何跟css链接
加载css样式有以下四种
外部样式(外联样式)
内部样式(内嵌式)
行内样式
导入样式
如果css是一个外部文件，可以在你html文件的里写上
href="style.css"这里可以写上你css文件的路径
这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
如果是内部样式，也可以在里写上
h2
{
color:#f00;}
它是以
和
结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。
还可以在html标签上直接写css样式
内部样式
这种在标签内以style标记的为行内样式，行内样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
@import
url("public.css");
导入样式是以@import
url标记所链接的外部样式表，它一般常用在另一个样式表内部。如index.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个public.css的文件中，然后在index.css中以@import
url("/public.css")的形式链接全局样式，这样就使代码达到很好的重用性。
CSS如何嵌入到HTML中？
CSS通过内联、外联等样式嵌入到HTML中。
1、使用样式表的处理指令语句
在HTML文档的开头部分写一个关于样式表的指令处理语句
复制代码
代码如下:
?xml-stylesheet type="text/css" href="mystyle.css" ?
html
指令语句
/html
不过只有使用xml语法格式编写的html文档才支持使用该指令，大多数浏览器仅当被保存为xhtml或xml格式才有效，且JS不能处理这种CSS，所以不建议使用。
2、使用@import命令
在style元素之间使用@import命令导入外部的css文件
复制代码
代码如下:
head
style type="text/css"
!--下面两行代码效果一样
@import "mystyle.css";
@import url("mystyle.css");
--
/style
/head
任何@import规则必须出现在所有规则之前。参数是一个css文件的URL地址。在一个css文件中也可以用@import指令将另一个css文件导入。
3、使用link元素
复制代码
代码如下:
head
link rel="stylesheet" href="css的url" type="text/css"
/head
这也是最常用的方式。
4、使用HTTP消息报头链接到样式表
可以使用HTTP消息报头的link字段链接一个外部样式表。
复制代码
代码如下:
link:mystyle.css;rel=stylesheet;
//等同于link rel="stylesheet" href="css的url" type="text/css"
HTTP报头中可以使用多个link，从而链接多个样式表，且HTTP报头中的link比HTML文档中的link（head元素中）具有优先级。
HTML中怎么导入css？
有3种方式：
分别如下：
1--行间样式表(内联样式)
div style="……"/div
2--内部样式表
style
选择器｛属性：属性值｝
/style
3--外部样式表
link href="style.css" rel="stylesheet“ type=“text/css”/