<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文件(叫做外联样式),需要使用link标签;
外联样式->例子:
<link rel="stylesheet" type="text/css" href="xxx.css">
style标签是在html内使用,可以直接把样式写进style标签里面(叫做内联样式)
内联样式->例子:
1、元素外使用
<style type="text/css">
body{background-color: #fff}
</style>
2、元素内使用
<div style="background-color: #fff">demo</div>
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文件,此时就连接成功。