前段小技巧

这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧:
CSS部分:

1.盒子实际大小设置
　　https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101318840-1086791026.jpg
2.超过两行就出现省略号
https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101415144-1809858658.jpg
3.强制换行
　　https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101444627-1586201115.jpg
4.文字溢出隐藏
https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101510364-100115323.jpg
5.鼠标设置为移动效果
　　https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101559902-1265261973.jpg
6.鼠标设置为小手效果
https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101634670-1329434350.jpg
7.段落中的文本不换行
https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325112556877-1904714840.png
8.平面转立体
　https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325112619020-1362727246.jpg
9.移动端取消点击效果
https://img2018.cnblogs.com/blog/1623487/201903/1623487-20190325101651139-1165754962.jpg
10.用CSS绘制三角形

 .sign {
   width: 0px;
   height: 0px;
   border-width: 10px;
   border-style: solid;
   border-color:#FF3333  #FF3333  transparent transparent;
 }
/*使用border-color来控制你想要的形状,transparent为透明*/
/*使用transform来控制你想要的形状*/
transform: rotate(90deg); /*顺时针旋转90°*/