引入CSS样式表
CSS可以写到那个位置? 是不是一定写到html文件里面呢?
内部样式表
内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:
<head>
<style type="text/CSS">
选择器 {
属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>
1.在html5中可以省略,但一般都会写上,比较规范
2.一般放在head标签内,也可以放在其他位置
行内式(内联样式)
内联样式,又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式,其基本语法格式如下:
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
外部样式表(外链式)
链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中,其基本语法格式如下:
<head>
<link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
</head>
link单标签,放在头部head里面
1.herf,定义外部样式文件的URL,可以是相对路径,也可以是绝对路径
2.type,所连接文档的类型,text/CSS表示是一个css文件
3.rel 定义当前文档和所链接文档的关系,在这里需要指定stylesheet,表示链接的是一个样式表文件
三种样式表总结
样式表</ |
---|