9）

1. background-position   （ 雪碧图 ）

          HTML和CSS中有一个属性可以向服务器发送请求：src  href  url

          雪碧图优点：

                   本多次需要向浏览器请求的图片，一次就请求过来了，使用background：position调整，从而减少了该页面向服务器请求的次数，间接优化了该页面性能

2. overflow

         值hidden超出就隐藏

         值scroll出现滚动条

         visibility ：hidden ; 可见的消失但占用位置

         display ：none ; 消失但不占用位置

3. 如何实现浏览器中的小图标

       需要借鉴link标签：

       link标签的标签属性？     rel     type    href

       rel——是当前页面和url之间的关系     rel= “ stylesheet ”

       type——是资源文件的mime类型

                     mime：类型是根据拓展名而定的（ 客户端与服务器之间的暗号 ）

         * html文件mime类型是 text / html

         *图片mime类型是 images / .jpg .png .gif

         *css的mime类型是 text / css

         *js的mime类型是 text / javascript

< link      rel = " shortcut  icon "     href = " favaicon.ico "  /  >         （ title中的小图标就出来了 ，href这里不能写./ ）

4. 项目的完整目录

          css    images    js     favicon.ico     index.html

5. 不让文本域被人为拉伸

                  textarea{

                                   resize：none；

                                }

6. 让表格边框变细

                table{

                           border-collapse；

                        }

7. font的简写

                body{

                          font ：12px / 150%    arial  ,   verdana,     " / 5b8b / 4f53"

                           color : #666;

                           background : #fff;

                         }

8. 清除浮动的兼容性

                . clearfix {

                                 * zoom : 1 ;

                                 }

              清除浮动在低版本IE7/6 浏览器不行需处理兼容性，加 . clearfix { * zoom : 1 ；}

9. 光标的形状

            sursor光标的属性值—— pointer（ 抓手 ）     wait （ 等待 ）        help （ ？）

10. RGB    RGBA    OPACITY

       rgb——颜色表示方法值是0-255，如 background: rgb ( 12,15 ,16 )

       opacity——表示透明度值是0-1

                            #aa{

                                 width：100px；

                                 height：100px；

                                 background: rgb ( 12,15 ,16 )；

                                  opacity：0.5；

                                  filter：alpha（ opacity =50 ）；               --------filter是IE低版本处理透明度兼容性的写法

                                   }

        rgba——r-red   0-255

                      g-green   0-255

                      b-blue    0-255

                      a-opacity   IE低版本不支持

* rgb和 opacity 与 rgba 的区别：

                 rgb前者的内容也跟着透明；rgba后者内容不跟着透明，内容包含图片和文字