css reset是什么
css reset 即重置瀏覽器標簽的樣式表,現(xiàn)在所使用的主流瀏覽器對一些標簽的默認屬性上并沒有做到統(tǒng)一,所以我們偶爾會發(fā)現(xiàn),某個頁面在chrome瀏覽器上很正常,到了firefox上面卻有意想不到的偏差。當然編程人員不喜歡這樣的兼容性問題的,而reset.css就是解決默認樣式不兼容問題的辦法之一。
* {
padding: 0;
margin: 0;
} /*這是最簡化的CSS Reset,會帶來性能問題*/
css 預編譯器
CSS 預處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,為 CSS 增加了一些編程的特性,將 CSS 作為目標生成文件,然后開發(fā)者就只要使用這種語言進行編碼工作。
CSS 預處理器為 CSS 增加一些編程的特性,無需考慮瀏覽器的兼容性問題”,例如你可以在 CSS 中使用變量、簡單的邏輯程序、函數(shù)(如右側(cè)代碼編輯器中就使用了變量$color)等等在編程語言中的一些基本特性,可以讓你的 CSS 更加簡潔、適應性更強、可讀性更佳,更易于代碼的維護等諸多好處。
目前主流的預處理器里最常用的三種有:Sass,Less ,Stylus 。
后編譯器(post css)
PostCSS是一個使用JavaScript插件來轉(zhuǎn)換CSS的工具。它將CSS轉(zhuǎn)換成抽象語法樹(AST),也就是JavaScript可以操作的一種數(shù)據(jù)形式?;贘avaScript的PostCSS插件可以執(zhí)行不同的代碼操作。PostCSS本身并沒有改變你的CSS,它請允許插件執(zhí)行和轉(zhuǎn)換你的代碼。
實際上,對于CSS的操作,PostCSS插件并沒有任何限制。只要你有想得到的,你都可以寫一個PostCSS插件來實現(xiàn)。