1.外部样式:
    当样式需要应用于很多页面时,外部样式表将是理想的选择。
<head><link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
 2.内部样式
    当单个文档需要特殊的样式时,就应该使用内部样式表
<head>
<style type="text/css"> hr {color: sienna;}p {margin-left: 20px;}body {background-image: url("images/back40.gif");}
</style>
</head>
 3.内联样式
    <p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
4.样式引用
    @import url()
    对@import url()做一下总结: 
    (1) @import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。 
    (2) @import 是css2里面的,所以古老的ie5不支持。 
    (3) 当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。4,link除了能加载css外还能定义RSS,定义rel连接属性,@import只能加载css