一.文本样式
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可以用数字精确的定位出背景图片的位置。
原文链接：blog.csdn.net/XUELUO12345…
