一:面向對象的CSS
1、OO CSS將頁面可重用元素抽象成一個類、用class加以描述,而與其他對應的HTML既可看成是此類的一個實例。
2、OO CSS的作用:加強代碼複用以便方便維護;減小CSS體積;提升渲染效率;組件庫思想,柵格佈局可共用,減少選擇器。
3、OO CSS的注意事項:
①不要直接定義子節點,應把共性聲明放到父類。
②結構和皮膚相分離;③容器和內容相分離;
④抽象出可重用的元素,建好組件庫,在組件庫內尋找可用的元素組裝頁面;
⑤往你想要擴展的對象本身增加class而不是他的父節點;
⑥對象應保持獨立性;⑦避免使用ID選擇器,權重太高、無法重用;
⑧避免位置相關的樣式;⑨保證選擇器相同的權重;
⑩類名、簡短、清晰、語義化 OO CSS的名字並不影響HTML語義化。
二:Less介紹和應用
去官網按照API進行學習即可!
三:SASS介紹和使用
去官網按照API進行學習即可!