每個專案需要一些組織。
將您建立的每個新風格到單個檔案的結束會發現事情更困難,會對別人非常混亂的專案。
當然,你可能有一些組織已經到位。
希望你讀在這些頁面將強調與您現有的流程和工作,如果我很幸運,你將會看到新的方法可以改善你的過程。
你如何決定是否使用id選擇器,或類選擇器,或任何數量的選擇器在你處理嗎?
你怎麼決定哪些元素應該得到樣式魔術你希望給嗎?
你如何讓它容易理解如何組織你的**和你的風格嗎?
的核心smacss分類。
通過分類css規則,我們開始看到圍繞這些模式,可以定義更好的實踐模式。
有五種型別的類:
base (基礎樣式)
layout
(布局樣式)
module
(模組樣式)
state
(重申樣式)
theme
(主題樣式)
我們常常發現自己在每一類混合風格。
如果我們更加意識到我們正在努力的風格,我們可以避免來自纏繞這些規則的複雜性。
每個類別有一定的準則,適用於它。
這有些簡潔的分離讓我們問自己的問題在開發過程中。
我們將如何**的東西,為什麼我們要這樣嗎?
對事物進行分類的目的是將patterns-things內重複我們的設計。
重複導致更少的**,更易於維護和更大的使用者體驗的一致性。
這些都是贏。
例外可以有利,但他們應該是合理的。
CSS模組化的理解
我沒有看過css模組化的相關書籍，所以 說的不一定正確，但是在工作中，我會用我理解的模組化方式提高工作效率，我理解的模組化，主要分為兩類。我沒有看過css模組化的相關書籍，所以 說的不一定正確，但是在工作中，我會用我理解的模組化方式提高工作效率，我理解的模組化，主要分為兩類。1 將常見的樣式剝離出來...
css模組化策略
block element modifier 塊 元素 修飾封裝靠人為約定。繼承靠層疊特性。分治性強，復用性強。button button disabled button error button in progressprocessing.缺點 人為約定總是不靠譜，有人覆蓋了就呵呵噠。分治性強，復...
模組化的理解，以及模組化的好處
先理解模組 在程式設計中，為完成某一功能所需的一段程式或子程式 或指能由編譯程式 裝配程式等處理的獨立程式單位 或指大型軟體系統的一部分。可以這樣理解每乙個頁面中的部分都可以看成乙個模組。模組化是指解決乙個複雜問題時自頂向下逐層把系統劃分成若干模組的過程，有多種屬性，分別反映其內部特性。是指將每乙個...