CSS3响应式布局

外式样式表：
1.定义外式样式表:
当视口宽度小于480px时，则引入这个css样式

<link type="text/css" rel = "stylesheet" href="link.css"
media = "only screen and (max-width:480px)"
 />

2.内联样式定义
当视口宽度大于480px时，则使用这个样式

<style>
@media screen and (min-width:480px){
    body{
        color:red;
    }
}

</style>