应用方式
1、内联式 <p style = ></p>
2、嵌入式 <head> <style></style> </head>
3、外部链接式 <link href= >
4、导入式 @import
选择符类型
1、类型选择符 选择符{属性:值;}
2、类选择符class .选择符{属性:值;}
3、id选择符 #选择符{属性:值;} 具有唯一性
4、通配选择符 *选择符{属性:值;} 慎用
5、包含选择符 e1 e2选择符{属性:值;}
6、选择分组选择符 h1,h2选择符{属性:值;}
7、标签指定式选择符 h1#e1选择符{属性:值;}
8、组合选择符 选择符{属性:值;}
特点
1、继承
2、层叠
优先权
就近原则
!import提升权限
浮动技巧
父随子高度：空div clear:both
溢出隐藏：overflow=hidden
注意
IE6 双边距的bug：当浮动与边距同向，边距加倍
解决办法：由块级元素转为内联元素
