前端样式杂集

CSS层叠顺序：*background/border*z-index<0*block*float*inline/inline\-block*z-index:auto/z-index:0*z-index>0如果前端页面的文字超过一行，则省略多余部分并显示'...'p{max-width:110px;溢出：隐藏；文本溢出：省略号；空白：nowrap；}如果文本超过三行，将显示一个省略号：p{overflow:hidden;文本溢出：省略号；显示：-webkit-box；-webkit-line-clamp:3;-webkit-box-orient：垂直；}空心三角形箭头：.arrow:after{content:'';显示：内联块；宽度：8px；高度：8px；border-top:1pxsolid#656565;border-right:1pxsolid#656565;变换：旋转（-45deg）；-webkit-变换：旋转（-45deg）；}