当浏览器读到一个样式表,它就会按照这个样式表对文档进行格式化,有三种插入样式表的方法,分别对应着三种情况。
第一种使用外部样式
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
当样式需要被应用到很多页面时,外部样式是很好的选择。
第二种使用内部样式
<head>
<style type="text/css">
body{background-color:red}
p{margin-left:20px}
</style>
</head>
当单个文件需要特别的样式时,就可以使用内部样式表。在<head>标签内定义样式。
第三种使用内联样式
<p style="color:red; margin-left:20px">
This is a paragraph.
</p>
当这是个别元素需要特殊的样式时,就可以使用内联样式,在相关的标签中使用样式属性,样式属性包含任何css属性。