在学习HTML的时候,有这样的代码:
<link href="main.css"rel="stylesheet"type="text/css" />
书中有这样的解释,这行代码中调用了一个名为main.css的外部样式文件,具体定义的样式内容的代码如下:
body{
width:200px;
height:100px;}
我想问一下,我在dreamweaver8中要如何编写.css文件呢 是创建一个.css文件还是直接在html文件中编写就可以
rel=“stylesheet”是什么意思呢 书上的解释看不太懂
CSS是一门指定文档该如何呈现给用户的语言。
创建html文档
创建样式表
在与前面相同的目录中,新建另一个文本文件。该文件将成为您的样式表。请将它命名为:style1.css
在您的CSS文件中,复制、粘贴下面的行,并保存该文件:
为将您的文档和样式表相连,请编辑您的HTML文件。并添加下面高亮的行:
保存该文件并刷新您的浏览器。该样式表将首字母显示为红色,如下所示:
范例中呈现的是标准HTML <link>标签嵌入css档案的写法,其中「rel="stylesheet" type="text/css"」所代表的意思,就是告诉浏览器要导入一个在外部的css档案,透过href导入名为xxxx.css的样式档案。
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>
本回答被网友采纳调用css外部样式文件,首先需要创建一个css文件。
比如创建一个含有以下代码的css文件:
body{width:100%;margin:0;padding:0;}保存成.css后缀的css文件。
现在开始在html文件中写入以下代码调用即可。
<link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径">