1.引用自己的字体 ：@font-face自己取得名字不要和已有的起冲突

    写法：@font-face{font-family:自己取得名字；src=http://www.mamicode.com/url();}

               .div1{font-family:自己取得名字}

2.字体图标（就是一种字体 ）：优点：a.提高网页性能 b.无限放大不失真 c.为响应式布局提供优秀图片解决方案

                                                  缺点：a.只能处理单种颜色 b.创作字符图标耗时间

3.媒体查询，适用于响应式界面@media：写法：a.@media screen and (max-width：600px){.div1{ color:red }}

                                                                            b.<link rel="stylesheet" href="http://www.mamicode.com/style/.css" media="screen and (max-width:500px)and (min-width:500px)"

4.960网格系统页面，适用于PC端静态布局模式：必须要引用三种外部样式表：{a.reset.css   b.text.css  c.960.css} ,有12/16/24,

                                                                             写法：<div class=container_12>

                                                                                           <div class=grid_12></div>

                                                                                            </div>

CSS6