当浏览器读到一个样式表时,它就会按照这个样式表来对文档进行格式化。
插入样式表的三种方法
1.外部样式表
当样式表需要被应用到很多页面的时候,外部样式表是比较好的选择。这样就可以通过更改整个一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="mystyle.css">
</head>
2.内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在head部分通过<style>
标签定义内部样式表。
<head>
<style type="text/css">
body {backgroud-color:red} //bidy部分的背景是红色
p {margin-left:20px} //p元素的左边距是20px
</style>
</head>
3.内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。方法是在相关的标签中使用样式属性,样式属性可以包含任何CSS属性。
<p style="color:red;margin-left:20px">
This is a paragraph
</p>
具体的CSS在之后继续学习