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

html-css026

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技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。

css主要有三种引用方法：

1，内部引用，在html文档中在<style>标签里面写的css样式

<style>

  bdoy{font-size:14px} 

</style>

2，外部引用，用<link>标签引用外部的css文件，将样式引用到html文档来。

<link rel="stylesheet" type="text/css" href="style.css">

3，在标签中使用，使用style属性将当前的标签样式改变。

<div style="color:red"></div>

如果两个同域页面调用同一个css文件，第二次调用的那个页面是会从缓存调用css文件的。请注意，是要调用同一个文件，如果不是同一个文件，那么即使它们之间存在包含关系，也不会从缓存读取的。