同學(xué)們大家可以經(jīng)常逛一些程序員比較喜歡的論壇貼吧，你會(huì)有不一樣的驚喜呢，今天小千就來(lái)給大家分享一個(gè)在GitHub上面發(fā)現(xiàn)的超級(jí)好用的CSS樣式表，來(lái)看一看。
看名稱(chēng)本以為是一個(gè)動(dòng)畫(huà)庫(kù)，但是看下來(lái)才發(fā)現(xiàn)這是一個(gè)改變默認(rèn)HTML元素樣式的css，而且不需要添加額外class?。?/p>
在網(wǎng)上其實(shí)有很多更改默認(rèn)樣式的css庫(kù)，但是大多需要添加class，那么多class每次還需要查文檔，萬(wàn)一寫(xiě)上頭忘記加，一看頁(yè)面，一個(gè)大大的白眼送給自己
只需要在自己的項(xiàng)目中引用一個(gè)css文件即可，而且提供了三種主題
1、Automatic：根據(jù)頁(yè)面中設(shè)置的prefers-color-scheme自動(dòng)識(shí)別開(kāi)啟深夜模式
2、Dark theme：深夜模式
3、Light theme：默認(rèn)的正常白天模式
下面我們就來(lái)列舉一些谷歌中 默認(rèn)樣式 and 美容后 的樣式對(duì)比
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、滾動(dòng)條
當(dāng)然，water.css并不只對(duì)以上的內(nèi)容進(jìn)行了美化。當(dāng)我們不想花費(fèi)太長(zhǎng)時(shí)間做一個(gè)demo頁(yè)面，但又不想做的太丑時(shí)，就可以選擇試一試這個(gè)css，最重要的是，不需要添加額外class呀！閉眼寫(xiě)就完事了！
學(xué)習(xí)web前端，可以參考千鋒web前端培訓(xùn)班提供的web前端學(xué)習(xí)路線，該學(xué)習(xí)路線對(duì)從零基礎(chǔ)小白到web前端初級(jí)開(kāi)發(fā)工程師，web前端高級(jí)開(kāi)發(fā)工程師，后面的web前端大神級(jí)開(kāi)發(fā)工程師都有一個(gè)明確清晰的指導(dǎo)，根據(jù)千鋒web前端培訓(xùn)機(jī)構(gòu)提供的web前端學(xué)習(xí)路線圖可以讓你對(duì)學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門(mén)web前端開(kāi)發(fā)。想要獲取前端完整學(xué)習(xí)路線和免費(fèi)的學(xué)習(xí)資料可以添加我們的web前端技術(shù)分享交流qq群：857920838 加群找群管理領(lǐng)取即可，等你來(lái)哦~~
京公網(wǎng)安備 11010802030320號(hào)