overflow、box-shadow、鼠标样式、换行

1、overflow 属性

属性	描述
overflow：visible	属性的默认值，超出显示
overflow：auto	自动的，超出就显示滚动条，不超出就不显示
overflow：scroll	一直会显示滚动条
overflow：hidden	超出自动隐藏

2、阴影

box-shadow:水平阴影 垂直阴影 模糊距离  阴影尺寸 阴影颜色  内／外阴影；

3、鼠标样式

分类	描述	例子
cursor：default	默认 没有样式
cursor：pointer	鼠标移动上去会显示小手
cursor：move	鼠标移动上去会显示移动的图标
cursor：text	鼠标移动上去会显示文本的图标

3、去掉input的外轮廓线

<input type="text" style="outline:0"/>

4、防止拖拽文本域resize

<textarea style="resize:none;"/>

5、换行

【1】自动换行

属性	描述
word-break：break-all	允许单词拆开显示
word-break：keep-all	不允许拆开单词，只能在半角空格或连字符处换行
word-break：normal	使用浏览器默认的换行规则

【2】强制一行显示
white-space设置或检索对象文本显示方式，通常我们强制一行显示内容
normal：默认处理方式
nowrap:强制在同一行内显示所有文本，知道文本结束或者遇到br标签换行
【3】超出显示…

 .text{
 	width:120px;
 	height:20px;
 	white-space:nowrap;/* 首先要添加这一行代码，强制一行显示*/
 	overflow:hidden;/* 然后超出隐藏*/
 	text-overflow:ellipsis;/*超出部分用省略号代替 */
 }