本篇文章給大家?guī)?lái)了關(guān)于css架構(gòu)SMACSS的相關(guān)知識(shí)，其中會(huì)講到什么是smacss以及該架構(gòu)分類(lèi)的相關(guān)問(wèn)題，希望對(duì)大家有幫助。

因?yàn)?CSS 只有一個(gè)作用域，如果不注意維護(hù) CSS 代碼，則會(huì)導(dǎo)致我們寫(xiě)的代碼難于閱讀和維護(hù)，于是我們借助網(wǎng)頁(yè)本身是有層次的，抽象出來(lái)了BEM 方法論。

BEM 簡(jiǎn)單的三層分法，在應(yīng)對(duì)小中型網(wǎng)站沒(méi)有問(wèn)題，但是去應(yīng)對(duì)復(fù)雜網(wǎng)站的樣式可能就比較困難了，我們需要尋求一個(gè)更好的辦法。

于是 SMACSS 橫空出世了， SMACSS 和 BEM 的關(guān)系有點(diǎn)像布局中的 Flex 布局和 Grid 布局的關(guān)系。

但是請(qǐng)注意， SMACSS 和 BEM 之前絕不是包含和被包含的問(wèn)題，就像在應(yīng)用 Flex 布局和 Grid 布局的時(shí)候，鋪網(wǎng)站結(jié)構(gòu)我們會(huì)