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

html-css017

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

在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文件,此时就连接成功。