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;二、隐藏滚动条或者改变样式thescrollbar/css主体部分的样式//定义滚动条的宽度、高度和背景，宽度和高度分别对应水平和垂直滚动条的尺寸/::-webkit-scrollbar{width:10px;/垂直流条有效/高度：10px；/对水平流条有效//定义滚动条的轨道颜色、内阴影和圆角/::-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;}3.文字超出隐藏显示省略号单行(必须有宽度)width:200rpx;空白：nowrap;溢出：隐藏n;text-overflow:ellipsis;multi-lineword-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;div中的元素自动换行word-wrap:break-word;分词：break-all；5.纯css绘制三角形demo{width:0;高度：0；边框宽度：20px；边框样式：实心；border-color:transparenttransparentredtransparent;}6.绝对定位的元素居中（水平和垂直）demo{width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);背景颜色：绿色;}7.tablebordermergetable,tr,td{border:1pxsolid#333;}table{border-collapse:collapse;}作者：kuangyaoqian链接：https://juejin.im/post/686965...来源：掘金版权归属给作者。如需商业转载，请联系作者获得授权。非商业转载请注明出处。
