调用.css的外部样式文件

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

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

创建html文档

创建样式表

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

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

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

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

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

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

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

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

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

代码：

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

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

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

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

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

可以在外部编写然后用link语句连接到html里面这样写的好处是好修改和加载 一般推荐用这种方法，另外也可以写在html里面的标签里面 写这里面的css的优先级要高于外部的css样式，也是就如果你在你外部的css里面这样写body{width：200px；height：100px；}而在html里面body{width：100px；height：200px；}而你实际操作的body'大小就是宽100，高200的
rel=“stylesheet”：rel是Relations的缩写 指关联到一个stylesheet（样式表单)
这样回答可以吗 不懂得可以再问我

【引用外部样式表】
①可以在多个文档间共享样式表，对于较大规模的网站，将CSS样式定义独立成一个一个的文档，可有效地提高效率，并有利于对网站风格的维护。
②可以改变样式表，而无需更改HTML文档，这也与HTML语言内容与形式分开的原则相一致。
③可以根据介质有选择的加载样式表。
eg:








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