css其他的特殊样式

一.文本样式

display:none

display:none;
		------元素隐藏，但不保留位置。。

visibility:设置元素是否可见

visibility:设置元素是否可见
    			  ----元素隐藏，但保留位置
    			  ----visible(默认值，可见)
    			  ----hidden(元素隐藏)

overflow:

-------scroll(一定会出现滚动条)
                --------hidden(内容或被修剪,隐藏)
                --------visible(默认值)
                --------auto(内容超出范围将出现滚动条)

word-wrap:强制文本换行

  word-wrap:break-wrap;
                      --------div内容(英文)超出div的宽度；可以强制换行
                      ---------div等块级标签可以自动换行，但英文除外，英文不能自动换行

white-space:强制同行显示

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

outline:元素周围的轮廓

  outline-color ------轮廓颜色
  outline-style -------轮廓样式
  			----------与边框类似，solid double dashed......
  outline-width--------轮廓宽度
  none; 没有轮廓

resize:防止文本域拖拽
------resize:none;

  textarea{
                    width：100px;
                    height:100px;
                    resize:none;
                    resize:vitical(Y轴可以拖动)
                }

vertical-align:元素的垂直对齐方式

元素的垂直对齐-----设置内容垂直对齐，只针对行内元素和行内块元素，例如图片和文字
                      ---bottom top midden baseline(默认值，基线对齐)
                 应用：解决图片和边框之间的空隙；
                        -------给图片设置一个vertical-align:top;
                        -------display:block; 

text-overflow：文本的内容样式

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

二.css精灵技术sprite

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