oocss的概念
衆多開發者忽視了css的表現(認爲它)
oocss將頁面可重用的元素抽象成一個類,用class加以描述,而與其對應的HTML便可當作是此類的一個實例。css
oocss的做用
1.增強代碼複用以便方便維護。
2.減小cs體積
3.提高渲染效率
4.組件庫思想,柵格佈局可共用,減小選擇器,方便擴展。
注意事項
1.不要直接定義子節點,應該把共性放在父類中
2.結構和皮膚相分離
3.容器與內容相分離
4.抽象出可重用的元素,建好組件庫,在組件庫內尋找可用的元素組裝頁面
5.往你想要擴展的對象自己增長class而不是他的父節點。
6.對象應保持獨立性
7.避免使用ID選擇器,權重過高,沒法重用
8.避免位置相關的樣式
9.保證選擇器相同的權重
10.類名,簡短,清晰,語義化,oocss的名字並不影響HTML語義化。
目前用得比較多的css:reset.css,normalize.css,neat.css
本文看自CSS在工程中改變之面向對象的 CSS視頻佈局