Amaze UI 樣式統(tǒng)一

2018-12-06 11:56 更新

在統(tǒng)一瀏覽器默認(rèn)樣式上,一度流行使用Reset ,更有簡單粗暴的通配符 reset :

* {
    margin: 0;
    padding: 0;
    border:0;
}
時(shí)過境遷,Reset 逐漸淡出的前沿前端的視野,由normalize.css 取而代之。normalize.css,統(tǒng)一樣式的同時(shí)保留可辨識(shí)性;reset 統(tǒng)一樣式,完全沒有可讀性,分不清是男人、女人,或者是不男不女,看著都一樣。


因此,Amaze UI 雖然也使用了 normalize.css,但部分細(xì)節(jié)做了一些調(diào)整:

  • 移除 <dfn> 斜體字樣式
  • 移除 <h1> 樣式
  • <img> 設(shè)置最大寬度為 100%
  • html 添加 -webkit-font-smoothing: antialiased;
  • <hgroup> 已經(jīng)從 W3C 標(biāo)準(zhǔn)中移除,不建議使用
  • <figure> 外邊距設(shè)置為 0
  • <textarea> 添加 vertical-align: top; resize: vertical;

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)