CSS小工具是為了方便web開發(fā)人員或者是設(shè)計師而生的，CSS小工具可以幫助你快速的完成一些平時開發(fā)時會用到的CSS代碼。

下面我們來介紹一些非常實用的CSS小工具：

/* 1.清除浮動 */
.clearfix:after {
display: block;
content: '';
clear: both;
}
/* 2.禁止文本選中 */
.noselect {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* 3.文本溢出省略號顯示 */
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 4.去掉input默認樣式 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}

這些CSS小工具可以幫助你更加高效的完成開發(fā)，同時也幫助你的網(wǎng)站或者應(yīng)用更加美觀、實用。