当浏览器读到一个样式表时，浏览器会根据这个样式表来格式化html文档，从而表现出各式各样的网页。
想要浏览器读到样式表，有三种方法：
1.外部样式表
外部样式表可以理解为.CSS文件。当多个页面使用同一个样式的时候，外部样式表是一个很理想的选择。
在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观，无需在调整html文件，尤其是多个页面使用同一个样式的时候。
每个html页面使用标签<link>来连接外部样式表：
<head> <linkrel="stylesheet" type="text/css" href="mystyle.css" /> </head>
浏览器会从样式表mystyle.css中读取样式声明，格式化html文档。
注：样式表中，属性值和单位之间不能留有空格。
2.内部样式表
内部样式表就是将样式的定义放在html文档的开头处。
当单个html文档需要特殊的样式时，内部样式是个很不错的选择。
可以使用<style>标签中定以内部样式。
<head><style type="text/css">hr {color: #3F0;} p {margin-left: 100px;} body {background-image: url("bg.gif");}</style></head>
3.内联样式
内联样式表就是将样式的定义放在html的标签中。
使用内联样式，需要在相关的html标签内使用样式属性（style），style属性中可以包含任何CSS的属性。
<p style="color: #3F0; margin-left: 100px">
This is a paragraph
</p>
这是标签p的内联样式，效果是
注：内联样式会损坏样式表的许多优势。
4.多重样式的问题
如果同一个选择器将不同的属性定义在不同的样式表中，这是属性值会根据样式表的类型进行继承。
内部样式会继承外部样式的属性。
例如：外部样式定义的属性
h3 {
color: #F00;
text-align: left;
font-size: 8pt;
}
内部样式定义属性
h3 {
text-align: right;
font-size: 20pt;
}
当显示的浏览器上时
可看出内部样式会继承外部样式的属性。
当再一次的定义了内联样式
<h3 style="color:#006">测试h3标题</h3>
