CSS在工程中改變

一:面向對象的CSS

1、OO CSS將頁面可重用元素抽象成一個類、用class加以描述,而與其他對應的HTML既可看成是此類的一個實例。

2、OO CSS的作用:加強代碼複用以便方便維護;減小CSS體積;提升渲染效率;組件庫思想,柵格佈局可共用,減少選擇器。

3、OO CSS的注意事項:

①不要直接定義子節點,應把共性聲明放到父類。

②結構和皮膚相分離;③容器和內容相分離;

④抽象出可重用的元素,建好組件庫,在組件庫內尋找可用的元素組裝頁面;

⑤往你想要擴展的對象本身增加class而不是他的父節點;

⑥對象應保持獨立性;⑦避免使用ID選擇器,權重太高、無法重用;

⑧避免位置相關的樣式;⑨保證選擇器相同的權重;

⑩類名、簡短、清晰、語義化 OO CSS的名字並不影響HTML語義化。

二:Less介紹和應用

去官網按照API進行學習即可!

三:SASS介紹和使用

去官網按照API進行學習即可!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章