HTML引入CSS样式三种方式
第一种方式:在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式.
语法格式:
<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;...."></标签>
第二种方式:在head标签中使用style块,这种方式被称为样式块方式.
语法格式:
<head>
<style type="text/css">
选择器{
样式名:样式值;
样式名:样式值;
........
}
选择器{
样式名:样式值;
样式名:样式值;
........
}
</style>
</head>
第三种方式:链入外部样式表文件,这种方式最常用.(将样式写道一个独立的XXX.CSS文件当中,在需要的网页上直接引入CSS文件,样式就引入了)
语法格式:
<link type="text/css" rel="stylesheet" href="css文件的路径" />
这种方式易维护,维护成本较低.
xxx.css文件
1.html1中引入了
2.html2中引入了
3.html3中引入了
修改就相对容易