脑袋有点昏沉，简易梳理一下css样式取自前端网http://www.w3cfuns.com/thread-244-1-1.html
1、CSS样式主要有四种分别为 行内样式、内嵌样式、链接样式、导入样式
2、在HTML里面调用样式采用的是就近原则
3、行内样式：主要用在HTML标签的内部，缺点是在工程里容易使代码产生冗余<p style="...;..";></p>
内嵌样式：主要用在<head><style>....</style></head>内，缺点是不利于维护
链接样式：主要为引用独立的.css文件中，在<head><link.../></head>(如<link type="text/css" rel="stylesheet" href="style.css" />)
导入样式：用@import引导和link性质差不多，缺点是会拖累浏览器的加载
原文：http://www.cnblogs.com/zero009/p/4802146.html