css样式

css样式

     display:none;------完全隐藏元素，并不保留位置
     visibility:---------元素是否可见，但保留位置！！！
                      ----visible(默认值，可见)
                      ----hidden(隐藏)
    
    overflow:-------scroll(一定会出现滚动条)
            --------hidden(内容或被修剪,隐藏)
            --------visible(默认值)
            --------auto(内容超出范围将出现滚动条)
    
    word-wrap:break-wrap;--------div内容(英文)超出div的宽度；可以强制换行
                        ---------div等块级标签可以自动换行，但英文除外，英文不能自动换行

    white-space: normal(正常) nowrap(强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象)

    outtline:轮廓  outline-color 
                  outline-style 
                  outline-width
                  none; 没有轮廓

    resize:防止文本域拖拽
            textarea{
                width：100px;
                height:100px;
                resize:none;
                resize:vitical(Y轴可以拖动)
               vertical-align:元素的垂直对齐-----设置内容垂直对齐，只针对行内元素和行内块元素，例如图片和文字
                            ----bottom top midden baseline(默认值，基线对齐)
                应用：解决图片和边框之间的空隙；
                    -------给图片设置一个vertical-align:top;
                    -------display:block; 

    text-overflow:文字溢出---------clip(简单的裁剪文本，当多出文本隐藏时，直接裁剪，没有省略号)
    (一般与overflow:hidden;连用)                    ----------ellipsis(溢出部分文本显示省略号)


    css精灵技术sprite，可以加快页面加载速度
                        CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用
                        CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，
                        background-position可以用数字精确的定位出背景图片的位置。