css 魔法小书
浏览器自定义滚动条
http://www.cnblogs.com/koleyang/p/5484922.html
https://www.w3cplus.com/css/new-scroll-features-that-change-the-user-experience.html
https://darrylhuffman.com/sites/Scrollbar-gen/
页面内 跳转到指定地点
短标题一行两端对齐
1 <html> 2 <head> 3 <style type="text/css"> 4 div{ 5 width: 96px; 6 overflow:hidden; 7 height:19px; 8 text-align:justify; 9 text-align-last:justify; 10 } 11 div:after{ 12 display:inline-block; 13 content:''; 14 overflow:hidden; 15 width:100%; 16 height:0; 17 } 18 19 style> 20 head> 21 <body> 22 <div>梵蒂冈div> 23 <div>没人就流发*div> 24 <div>没人div> 25 body> 26 html>
多行文本省略号
.box { width: 100px; height: 44px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
伪元素:改变文本选中的背景色
```
::selection {
background: #FFEB3B;
color: #555;
}
```