当读到一个样式表时,浏览器会根据样式表来美化HTML页面
本文就对插入样式表的三种方法做介绍:
首先,先说一下三种方法为:外部样式表、内部样式表、内联样式
1、外部样式表
应用场景:当样式需要应用于很多页面的时候,就需要用到外部样式表。在外部样式情况下,你可以通过改变一个文件而改变整个网站的样式。
写法:每个页面使用<link>标签连接到样式表,
例如:
<head>
<link ref="stylesheet" type="text/css" href="style.css">
</head>
浏览器会从style.css中读取样式声明,并根据这个文件来美化HTML
外部样式表文件不能包含任何HTML标签,样式以.css作为扩展名进行保存
例如:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
注意:不要在属性值与单位之间留有空格