<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技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。
1
新建一个html文件，命名为test.html，用于讲解html中如何导入css。
请点击输入图片描述
2
在test.html文件内，使用div创建一个模块，下面将对该div进行css样式的定义。
请点击输入图片描述
3
在test.html文件内，设置div的class属性为mydiv，主要用于css文件对该类名进行样式定义。
请点击输入图片描述
4
新建一个css文件夹，在文件夹内创建一个css文件，命名为test.css，用于编写css样式。
请点击输入图片描述
5
在test.css文件脊凳纯内，使用div的类名进行样式定义，设置div的宽度、高度均为200px，背景颜色为黄色。
请点击输入图片描述
6
在test.html文件内，使用link标签导入粗旅test.css样式文件，href为css路径。
请点击输入图片描述
7
在浏览器打开test.html文件，查樱咐看实现的效果。
1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>time元素</title>
</head>
<body>
<div style="height:300pxwidth:500pxbackground:#999"></div>
</body>
2、第二种写法：
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>悉纤time元素</title>
<style>
.all{
height:300px
width:500px
background:#999}
</style>缓敏
</head>
<body>
3、建立一个css样式表文件
4、存储在睁哪仿css文件夹中
5、在html文件中写入链接代码，代码如下：
<link rel="stylesheet" type="text/css" href="css/index.css" />
6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）