成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

css:oo css

syoya / 2745人閱讀

摘要:既面向?qū)ο蟮淖饔眉訌姶a的復(fù)用方便維護。組件庫思想柵格布局可共用減少選擇器方便擴展。注意事項不要直接定義子節(jié)點,應(yīng)把共性聲明放到父類。結(jié)構(gòu)和皮膚相分離。對象應(yīng)保持獨立性。避免位置相關(guān)的樣式。類名簡短清晰語義化的名字并不影響語義化。

oo css

既面向?qū)ο蟮腸ss

作用

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

注意事項

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

比如

neat.css less.css sass.css等

less 和 sass 區(qū)別

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/115454.html

相關(guān)文章

  • CSS命名規(guī)范

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

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

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

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

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

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

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

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

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

    moven_j 評論0 收藏0

發(fā)表評論

0條評論

syoya

|高級講師

TA的文章

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