本文详细介绍了三种引入CSS样式表的方法：行内样式，通过元素的style属性设置；内部样式表，将CSS代码写在HTML文档<head>部分；外部样式表，使用link标签链接外部.css文件。每种方式的语法和特点都有清晰阐述。
引入CSS样式表的书写方式有3种：
①行内样式
通过元素标签style属性来设置元素样式
语法：
<标签名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”>
<div style=”width:100px;height:300px;”> </div>
样式属性和值用冒号隔开，多组属性用分号结尾。任何HTML标签都拥有style属性。
②内部样式表（内嵌样式表）
概念：
称内嵌式.是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义。
<style>
div {
color: red;
font-size: 12px;
}
</style>
③外部样式表（外链式）
概念：
称链入式,是将所有的样式放在一个或多个以**.CSS**为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中.
语法：
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
注意：
- link 是个单标签
- link标签需要放在head头部标签中，并且指定link标签的三个属性
rel ：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
type ：定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。我们都可以省略
href ： 定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
④三种样式表总结（位置）
http://muban.shenhuangji.com/?id=9
扫一扫
5041
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
