大家可以經(jīng)常逛一些程序員比較喜歡的論壇貼吧，你會有不一樣的驚喜呢，今天小千就來給大家分享一個在GitHub上面發(fā)現(xiàn)的超級好用的CSS樣式表，來看一看。

看名稱本以為是一個動畫庫，但是看下來才發(fā)現(xiàn)這是一個改變默認HTML元素樣式的css，而且不需要添加額外class！！

在網(wǎng)上其實有很多更改默認樣式的css庫，但是大多需要添加class，那么多class每次還需要查文檔，萬一寫上頭忘記加，一看頁面，一個大大的白眼送給自己

只需要在自己的項目中引用一個css文件即可，而且提供了三種主題

1、Automatic：根據(jù)頁面中設(shè)置的prefers-color-scheme自動識別開啟深夜模式

2、Dark theme：深夜模式

3、Light theme：默認的正常白天模式

下面我們就來列舉一些谷歌中 默認樣式 and 美容后 的樣式對比

1、一般輸入框


2、只讀輸入框


3、禁用輸入框


4、按鈕


5、滾動條

當然，water.css并不只對以上的內(nèi)容進行了美化。當我們不想花費太長時間做一個demo頁面，但又不想做的太丑時，就可以選擇試一試這個css，最重要的是，不需要添加額外class呀！閉眼寫就完事了！

總結(jié)

以上是生活随笔為你收集整理的前端技术分享：一个超级好用的CSS样式表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。