代码改变世界

CSS6

2017-06-22 20:04  陪李一起  阅读(157)  评论(0编辑  收藏  举报

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

    写法:@font-face{font-family:自己取得名字;src=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="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>