清除一些浏览器自带的属性
清除文本线
text-decoration:none;
去掉边框
border:0;
取消li前面的点
li{
list-style:none;
}
去除文本框、文本域轮廓
input,textarea{
outline:none;
}
防止文本域拖拽
textarea{
resize:none;
}
禁用、只读文本
textarea{
disabled:disabled;
readonly:readonly;
}
显示、隐藏
display:none; /*隐藏,不保留位置*/
display:block;
display:inline-block;
display:inline;
visibility:visible;
visibility:hidden; /*隐藏 ,保留位置*/
鼠标样式
cursor:default; /*默认*/
cursor:pointer; /*小手点击链接型*/
cursor:move; /*可拖拽型*/
cursor:text; /*文本输入型*/
强制一行显示文本
white-space:nowrap; /*一行显示*/
white-space:nowmal; /*默认不处理*/
文字溢出
text-overflow:clip; /*默认不显示省略号*/
text-overflow:ellipsis; /*显示省略号*/
文字超处部分显示省略号
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
透明
background-color:rgba(0,0,0,0);
opacity:0;
超出内容
overflow:hidden; /*超出隐藏*/
overflow:scroll; /*加滚动条*/
overflow:auto; /*超出时加滚动条*/
overflow:visible /*超出正常显示(默认)*/