html文件如何引用外部css文件？
2020-09-16 · 百度认证:北京中公教育科技官方账号
中公教育IT培训优就业
Html中引入css的主要方式有四种，分别是外部样式、内部样式、内联样式、导入式。
一、外部样式
(一) 使用外部样式的好处
1.减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果。
2.更改网站风格方便，我们可以通过修改一个css文件就可以实现整个网站的外观修改。
3.Html页面渲染时，css文件能够被同时加载。
4.结构与表现分离，便于后期维护。
(二) 适用于多个页面需要相同样式内容的时候使用
(三) 书写位置：新建单独的后缀名为.css文件，使用link标签引入到html页面中，将link标签放到Html页面的head标签中
例：
rel:规定当前文档与被连接文档之间的关系.
href:规定为连接文档的位置
type:规定被连接文档的MIME类型
二、内部样式
(一) 使用内部样式的好处
1.结构与表现分离，便于后期维护。
2.所有的CSS控制都是针对单独的面，没有多余的CSS代码。
3.同样页面中相同的样式可以重复使用。
(二) 使用内部样式的缺点
1.只能在一个页面中使用
2.网站更换风格麻烦
3.Css在html页面中,页面显得臃肿
(三) 适用于个别页面需要特殊样式时
(四) 书写位置：写在html页面的head标签之间，在head标签之间书写style标签
例:
三、行间样式
(一) 使用内部样式的好处
1. 单独修改单个标签的样式
(二) 使用内部样式的缺点
1. 结构与表现没有分类，不利于后期维护。
2. 只能修改单个标签的样式，代码重复利用率不高，代码冗长。
(三) 适用于个别标签需要特殊样式时
(四) 书写位置：在标签的开始标签内部书写style=””
例:
四. 导入式
(一) 使用导入的好处
1.减少代码量，网站中相同的部分的样式只需要书写一次，后续只需要把css文件引入到不同的Html页面中即可。
2.更改网站风格方便，我们可以通过修改一个css文件，就可以修个整个网站的外观。
3.结构与表现分离，便于后期维护。
(二) 使用导入的缺点
1.需要等Html页面全部加载完才能加载css文件。
(三) 适用于多个页面需要展示相同样式的时候
(四) 书写位置:写在Html页面的head标签中的style表现中，用@import导入css文件
答案（代码详情）：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=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技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。
