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

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

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

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

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

      2、Dark theme：深夜模式

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

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

      1、一般輸入框

      <input type="text">

      2、只讀輸入框

      <input type="text" readonly placeholder="readonly輸入框">

      3、禁用輸入框

      <input type="text" disabled placeholder="disabled輸入框">

      4、按鈕

      <input type="submit">

      <input type="button" value="按鈕">

      5、滾動條

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

      學習web前端，可以參考千鋒web前端培訓班提供的web前端學習路線，該學習路線對從零基礎小白到web前端初級開發(fā)工程師，web前端高級開發(fā)工程師，后面的web前端大神級開發(fā)工程師都有一個明確清晰的指導，根據千鋒web前端培訓機構提供的web前端學習路線圖可以讓你對學習web前端開發(fā)需要掌握的知識有個清晰的了解，并快速入門web前端開發(fā)。想要獲取前端完整學習路線和免費的學習資料可以添加我們的web前端技術分享交流qq群：857920838  加群找群管理領取即可，等你來哦~~