html文件如何引用外部css文件？

html-css013

html文件如何引用外部css文件？,第1张

答案（代码详情）：

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>Insert title here</title>

<link href="D:\test\font.css" rel="stylesheet" type="text/css">

</head>

<body>

这是测试，默认是黑色</p>

</body>

</html>

小提示：

在同一个文件夹里面你就直接写文件名font.css就行了，千万不要用你的windows下面的文件路径，这样是访问不到的。

简介：

外部样式表将管理整个Web页的外观，当用户在设计HTML（标准通用标记语言的一个应用）时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用完成连接。

css简介：

CSS是Cascading style Sheets的简称，中文译作“层叠样式表”，如果在制作网页时，采用CSS技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。

在HTML中引用外部CSS两种常用方式：

1）在STYLE中引用：<style>@import url(mycss.css)</style>

2）在HEAD中引用：<link rel="stylesheet" href="mycss.css" type="text/css" />

一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中:

<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen<

<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print"<

<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print"<

<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural<

<LINK<标记是放置在文档的HEAD部分。可选的TYPE属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。

外部样式表不能含有任何像<HEAD<或<STYLE<这样的HTML的标记。样式表仅仅由样式规则或声明组成。一个单独由

P { margin: 2em }

组成的文件就可以用作外部样式表了。

<LINK<标记也有一个可选的MEDIA属性，用于指定样式表被接受的介质或媒体。允许的值有

screen?(缺省值)，提交到计算机屏幕； print， 输出到打印机； projection，提交到投影机； aural，扬声器； braille，提交到凸字触觉感知设备； tty，电传打字机 (使用固定的字体)； tv，电视机； all，所有输出设备。

多样的媒体通过用逗号隔开的列表或值all指定。

Netscape Navigator 4.x?错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如，MEDIA="screen,projection"会令到样式表被Navigator 4.x忽略，尽管展示的设备是计算机的屏幕。Navigator 4.x?也忽略使用MEDIA=all声明的样式表。

REL属性用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。固定样式在样式表激活时总被应用。缺少的TITLE属性，就像例子中的第一个<LINK<标记，定义一个固定样式。

一个首选样式会自动被应用，就像例子中的第二个<LINK<标记。REL=StyleSheet和一个TITLE属性的组合指定一个首选的样式。网页制作者不能指定多于一个的首选样式。

交互样式通过REL="Alternate StyleSheet"指出。例子中的第三个<LINK<标记定义一个交互样式，用户可以选择用来代替首选样式表。

注意现在的浏览器一般都缺乏选择交互样式的能力。

单一的样式也可以通过多个样式表给出

<LINK REL=StyleSheet HREF="basics.css" TITLE="Contemporary"<

<LINK REL=StyleSheet HREF="tables.css" TITLE="Contemporary"<

<LINK REL=StyleSheet HREF="forms.css" TITLE="Contemporary"<

在这个例子中，三个样式表组合成一个"Contemporary"样式，作为一个首选样式表被应用。要组合多个样式表成一个单一样式，必须在每个样式表中使用相同TITLE。

当样式被应用到很多的网页时，一个外部样式表是理想的。网页制作者使用外部样式表可以改变整个网站的外观而仅仅通过改变一个文件。同样的，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时的延迟。

Microsoft Internet Explorer?3 for Windows 95/NT4并不支持来自连接的样式表中的BODY?背景图象或颜色。如果考虑到这个错误，网页制作者不妨提供另外的包括一个背景图象或颜色的结构，例如嵌入或内联样式，或使用BODY元素的BACKGROUND属性。