调用.css的外部样式文件

在学习HTML的时候,有这样的代码:
<link href="main.css"rel="stylesheet"type="text/css" />
书中有这样的解释,这行代码中调用了一个名为main.css的外部样式文件,具体定义的样式内容的代码如下:
body{
width:200px;
height:100px;}

我想问一下,我在dreamweaver8中要如何编写.css文件呢 是创建一个.css文件还是直接在html文件中编写就可以
rel=“stylesheet”是什么意思呢 书上的解释看不太懂

CSS是一门指定文档该如何呈现给用户的语言。

一、CSS帮助您将文档信息的内容和如何展现它的细节相分离

创建html文档

创建样式表

在与前面相同的目录中,新建另一个文本文件。该文件将成为您的样式表。请将它命名为:style1.css

在您的CSS文件中,复制、粘贴下面的行,并保存该文件:

二、连接您的文档和样式表

为将您的文档和样式表相连,请编辑您的HTML文件。并添加下面高亮的行:

保存该文件并刷新您的浏览器。该样式表将首字母显示为红色,如下所示:

三、rel=“stylesheet”是什么意思呢 

范例中呈现的是标准HTML <link>标签嵌入css档案的写法,其中「rel="stylesheet" type="text/css"」所代表的意思,就是告诉浏览器要导入一个在外部的css档案,透过href导入名为xxxx.css的样式档案。

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-07-07

html调用.css的外部样式文件的代码:

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

其中,main.css文件是一个外部样式文件,通过创建一个.css文件,然后编写css代码。然后在html中使用上面的代码引用这个css外部样式文件。

代码:

<html>

<head>

<meta charset="UTF-8">

<title></title>

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

</head>

<body>

<div></div>

</body>

</html>

本回答被网友采纳
第2个回答  2015-05-29

调用css外部样式文件,首先需要创建一个css文件。

比如创建一个含有以下代码的css文件:

body{width:100%;margin:0;padding:0;}
.content{width:300px;height:200px;float:left;}

保存成.css后缀的css文件。

现在开始在html文件中写入以下代码调用即可。

<link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径">

第3个回答  2011-10-18
可以在外部编写然后用link语句连接到html里面这样写的好处是好修改和加载 一般推荐用这种方法,另外也可以写在html里面的<style></style>标签里面 写这里面的css的优先级要高于外部的css样式,也是就如果你在你外部的css里面这样写body{width:200px;height:100px;}而在html里面body{width:100px;height:200px;}而你实际操作的body'大小就是宽100,高200的
rel=“stylesheet”:rel是Relations的缩写 指关联到一个stylesheet(样式表单)
这样回答可以吗 不懂得可以再问我
第4个回答  2011-10-19
【引用外部样式表】
①可以在多个文档间共享样式表,对于较大规模的网站,将CSS样式定义独立成一个一个的文档,可有效地提高效率,并有利于对网站风格的维护。
②可以改变样式表,而无需更改HTML文档,这也与HTML语言内容与形式分开的原则相一致。
③可以根据介质有选择的加载样式表。
eg:
<html>
<head>
<link href=style.css rel="stylesheet" type="text/css">
</head>
<body>
</body>
</html>

使用时注意css的优先级:
内联式>内嵌式>外部引用式

参考资料:http://zhidao.baidu.com/question/128352775.html

本回答被提问者采纳
相似回答