這是一個(gè)相對(duì)繁雜的CSS理論，分為Base、Layout、Module、Status和Theme共五個(gè)部分。不過它的核心思想仍然和OOCSS類似，鼓勵(lì)使用class。
1. Base 基本屬性
基礎(chǔ)屬性很容易理解，就是最基本的東西，很多樣式簡(jiǎn)單的網(wǎng)站都采用一個(gè)簡(jiǎn)單的二級(jí)CSS文件模式，一個(gè)base.css通用于所有頁面，而每個(gè)頁面有一個(gè)特定的CSS文件，我想這就是Base的雛形。要說具體是什么，比如reset文件，再比如放置clearfix或BFC的一些類似工具集的文件。
其實(shí)最終會(huì)發(fā)現(xiàn)，在Base中的CSS屬性將會(huì)是幾乎全站都要用到的屬性，但我不想這么描述Base，因?yàn)檫@會(huì)誤導(dǎo)人。大多數(shù)情況下，在一個(gè)網(wǎng)站建立之初也只會(huì)有幾個(gè)簡(jiǎn)單的頁面，于是這幾個(gè)頁面都要用到的屬性就變成了通用屬性，但并不是這么簡(jiǎn)單的。隨著網(wǎng)站規(guī)模的擴(kuò)大，需求的增加，設(shè)計(jì)師們靈感的迸發(fā)，所謂的通用和統(tǒng)一也在發(fā)生著潛移默化。所以在編寫B(tài)ase時(shí)，應(yīng)該遵循的基準(zhǔn)是，哪些樣式是你做下一個(gè)網(wǎng)站時(shí)也會(huì)想用的，哪些樣式即使設(shè)計(jì)改變了也只需要改變一些數(shù)值和顏色，哪些樣式是一些基本原則；而不應(yīng)該將目前大部分頁面都在使用的樣式放在Base中，還是那個(gè)道理，它們也許僅僅是恰好相同，而非邏輯一致。
2. Layout 布局
布局是一個(gè)網(wǎng)站的基本，無論是左右還是居中，甚至其他什么布局，要實(shí)現(xiàn)頁面的基本瀏覽功能，布局必不可少。SMACSS將這一功能單獨(dú)提出也是非常正確的，另外還約定了一個(gè)前綴l-/layout-來標(biāo)識(shí)布局的class。舉個(gè)最普遍的例子。
新聞熱點(diǎn)
疑難解答
圖片精選
