css reset 是什么?css 預編譯器是什么? 后編譯器(post css)是什么?

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)。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容