1.设置input占位符的字体样式input::-webkit-input-placeholder{/*Chrome/Opera/Safari/color:red;}input::-moz-placeholder{/Firefox19+/color:red;}input:-ms-input-placeholder{/IE10+/color:red;}input:-moz-placeholder{/Firefox18-*/color:red;}设置input聚焦时的样式input:focus{background-color:red;}取消input的边框border:none;outline:none;二、隐藏滚动条或者改变样式滚动条/_css主体部分的样式_//_定义滚动条的宽度、高度和背景，宽度和高度分别对应水平和垂直滚动条的大小_/::-webkit-scrollbar{宽度：10px；/_垂直流条有效_/height:10px;/_yes水平流条有效_/}/_定义滚动条的轨道颜色、内阴影和圆角_/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);background-color:rosybrown;border-radius:3px;}/_定义滑块颜色、内阴影和圆角_/::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset006pxrgba(0,0,0,.3);background-color:#E8E8E8;}/_定义两端按钮的样式_/::-webkit-scrollbar-button{background-color:cyan;}/_定义右下角汇合的样式_/::-webkit-scrollbar-corner{background:khaki;}三、文字超出隐藏显示省略号单行（必须有宽度）宽度：200rpx；空白：nowrap;溢出：隐藏；文本溢出：省略号；多行断字：全部中断；显示：-webkit-box；-webkit-line-clamp：2；-webkit-box-orient：垂直；溢出：隐藏;4.控制div中元素自动换行word-wrap:break-word;分词：break-all；5.纯css绘制三角形demo{width:0;高度：0；边框宽度：20px；border-style:solid;border-color:transparenttransparentredtransparent;}6.绝对定位的元素居中（水平和垂直）demo{width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:green;}七、tablebordermergetable,tr,td{border:1pxsolid#333;}table{border-collapse:collapse;}作者：kuangyaoqian链接：https://juejin.im/post/686965...来源：掘金版权所有归作者所有。如需商业转载，请联系作者获得授权。非商业转载请注明出处。
