国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css:oo css

syoya / 2681人閱讀

摘要:既面向對象的作用加強代碼的復用方便維護。組件庫思想柵格布局可共用減少選擇器方便擴展。注意事項不要直接定義子節點,應把共性聲明放到父類。結構和皮膚相分離。對象應保持獨立性。避免位置相關的樣式。類名簡短清晰語義化的名字并不影響語義化。

oo css

既面向對象的css

作用

1.加強代碼的復用方便維護。
2.減小css體積。
3.提升渲染效率。
4.組件庫思想、柵格布局可共用、減少選擇器、方便擴展。

注意事項

1.不要直接定義子節點,應把共性聲明放到父類。
2.結構和皮膚相分離。
3.容器和內容想相分離。
4.抽象出可重用的元素,建好組件庫,在組件庫內尋找可用元素組裝頁面。
5.往你想要擴展的對象本身增加class而不是他的父節點。
6.對象應保持獨立性。
7.避免位置相關的樣式。
8.避免使用id選擇器,權重太高,無法重用。
9.保證選擇器相同的權重。
10.類名 簡短 清晰 語義化 oocss的名字 并不影響html語義化。

比如

neat.css less.css sass.css等

less 和 sass 區別

less基于javascript 用于日常工作代碼中。
sass基于ruby 用于寫大型的基礎庫。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115454.html

相關文章

  • CSS命名規范

    摘要:本篇介紹幾種命名規范。使用的網站四其他命名規范等減少對結構的依賴增加重復性的使用幾種命名規范比較與在命名上相反的點可以放心使用,以為都是在模塊內但不推薦當前我們的網站略有思想更概括,中的,相當于的,相當于的,相當于的中文 本篇介紹幾種CSS命名規范。 (規范詳細請參考底部References) 一、NEC (nice easy css) 網易前端CSS開源項目 1.1 樣式分類 重...

    includecmath 評論0 收藏0
  • [譯]148個資源讓你成為CSS專家

    摘要:層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關于基礎特性,一份關于布局。核心第一篇一份來自的基礎參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎指南,包含使用的好處介紹個方法快速寫成高質量的寫出高效的一些提示。 迄今為止,我已經收集了100多個精通CSS的資源,它們能讓你更好地掌握CSS技巧,使你的布局設計脫穎而出。 CSS3 資源 20個學習CSS3的有用資源 C...

    impig33 評論0 收藏0
  • 簡單易懂的CSS Modules

    摘要:結果是選手獲勝,名為的元素,最終的值為。而合理的命名約定,的確是組織代碼的有效策略。它們會再由轉換為適當的組合。雖然本文為了嚴謹,結果寫了相當長的篇幅,但希望你讀過之后,還能覺得是簡單易懂的。 不要誤會,CSS Modules可不是在說css模塊化這個好像在某些地方見過的詞,它其實是特指一種近期才出現的技術手段。 什么技術手段呢?請待后文說明。 層疊樣式表 我們知道,css的全名叫做層...

    chunquedong 評論0 收藏0
  • CSS Modules實踐

    摘要:能最大化地結合現有生態預處理器后處理器等和模塊化能力,幾乎零學習成本。編碼相關的所有樣式上例中打印的結果是注意到是按照自動生成的名。實踐手動引用渲染結果使用可以實現使用屬性自動加載模塊。 文章同步于Github Pines-Cheng/blog 隨著前端這幾年的風生水起,CSS作為前端的三劍客之一,各種技術方案也是層出不窮。從CSS prepocessor(SASS、LESS、Styl...

    hankkin 評論0 收藏0
  • 【譯】編寫更好的CSS必備的40個工具

    摘要:一個叫的人用純重繪并模擬了種不同的移動設備包括可以給你的網站添加不相關的獨立組件的一個庫。每一個組件都是針對移動設備定制的,并且它有很多你在傳統的框架中看不到的功能。如果你用開發移動優先的網站,并想要網站正常運行在低版本的上,可以考慮。 眾所周知,CSS是非常棒的,它使網站看起來很漂亮,可以為網站添加動畫,并讓呈現和內容分離。去了解CSS的一切是非常難做到的,它只會變得更加困難,因為我...

    moven_j 評論0 收藏0

發表評論

0條評論

syoya

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<