css常用样式整理

一、文本超出部分省略点显示

.text{
//单行文本超出部分省略
	overflow: hidden;//超出部分隐藏
	text-overflow:ellipsis;//文本超出部分省略点显示
	white-space: nowrap;//禁止自动换行
	
//多行文本超出部分省略
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;//定义流体盒子
	-webkit-box-orient: vertical;//文本多行垂直显示
	-webkit-line-clamp: 2;//可展示行数
}

二、禁止用户选中文本

.text{
	user-select:none;//禁止用户选中文本
	//user-select有2个值（none表示不能选中文本，text表示可以选择文本）
	-moz-user-select:none;/*兼容火狐*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*早期浏览器*/
}

三、用户移入改变鼠标样式

.div{
	cursor:pointer;//鼠标移入变小手
	cursor:auto;//标准光标
	cursor:default;//标准箭头
	cursor:pointer;//或hand;//手形光标
	cursor:wait;//等待光标
	cursor:text;//I形光标
	cursor:vertical-text;//水平I形光标
	cursor:no-drop;//不可拖动光标
	cursor:not-allowed ;//无效光标
	cursor:help;//帮助光标
	cursor:all-scroll;//三角方向标
	cursor:move;//移动标
	cursor:crosshair;//十字标
	//cursor其他取值
	//e-resize  
	//n-resize  
	//nw-resize  
	//w-resize  
	//s-resize  
	//se-resize  
	//sw-resize
}