自己常用易忘的CSS样式

鼠标小手:   cursor:pointer 

点击边框消失：outline:none;

ul li下划线以及点消失： list-style-type:none;

 span 超出内容为。。。：

overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
word-break:keep-all; 

 span 3行超出内容为。。。

overflow: hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

css3自适应高度

 height: calc(100vh - 100px);     

css 小红点

.spot {

display: block;

background: #f00;

border-radius: 50%;

width: 8px;

height: 8px;

}

 

span 下划线

span:after {

content: "";

position: absolute;

width: 20px;

height: 2px;

left: 150px;

bottom: 0px;

background-color: #ED5736;

}