调用.css的外部样式文件
<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的样式档案。
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;}
.content{width:300px;height:200px;float:left;}
保存成.css后缀的css文件。
现在开始在html文件中写入以下代码调用即可。
<link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径">
rel=“stylesheet”:rel是Relations的缩写 指关联到一个stylesheet(样式表单)
这样回答可以吗 不懂得可以再问我
①可以在多个文档间共享样式表,对于较大规模的网站,将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
广告 您可能关注的内容 |