<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文档中，引用外部样式的正确位置：文档顶部。
建议在head内引用外部css文件，因为放在body或者body之后的话，浏览器就要再重新渲染一遍儿页面。当然了，也不乏在body或者body之后加载外部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属性。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）