一,外部样式表
1,步骤:
(1)新建一个后缀名为.css的样式文件,把所有CSS代码都放入此文件
(2)在HTML页面中,使用<link>标签引入这个文件
<link rel="stylesheet" href="css文件路径">
2,属性:
(1)属性:rel 作用:定义当前文档与被链接文档的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件
(2)属性:href 作用:定义所链接外部样式表的URL,可以是相对路径,亦可以是绝对路径
二,行内样式表
1,特点:
(1)可以控制当前的标签设置样式
(2)由于书写繁琐,并且没有体现出结构与样式分离的思想
(3)使用行内样式表设定CSS,通常也被称为行内式引入
2,展示:
三,内部样式表
1,含义:所谓内部样式表,就是在HTML页面内部写样式,但是单独写到style标签内部
2,展示: