亚洲精品中文免费|亚洲日韩中文字幕制服|久久精品亚洲免费|一本之道久久免费

<optgroup id="cczp1"><ruby id="cczp1"><cite id="cczp1"></cite></ruby></optgroup>
  • <acronym id="cczp1"></acronym>
    <acronym id="cczp1"><option id="cczp1"><ol id="cczp1"></ol></option></acronym>
    <delect id="cczp1"></delect>
    <center id="cczp1"></center>
    <delect id="cczp1"></delect><em id="cczp1"><button id="cczp1"><blockquote id="cczp1"></blockquote></button></em>
    1. <optgroup id="cczp1"><td id="cczp1"><dfn id="cczp1"></dfn></td></optgroup>

      CSS BEM書寫規(guī)范

      CSS BEM書寫規(guī)范

      一、BEM 是塊(block)、元素(element)、修飾符(modifier)的簡(jiǎn)寫

      • – 中劃線:僅作為連字符使用
      • — 雙中劃線:表示不同狀態(tài)或不同版本
      • __ 雙下劃線:雙下劃線用來(lái)連接塊和塊的子元素

      示例

      BEM示例

        li class "card_item card_item–active" 手機(jī) /li li class "card_item" 移動(dòng)市場(chǎng) /li li class "card_item" 科技 /li

      p class "card_desc" 外媒表示,蘋果正在對(duì)一些技術(shù)難點(diǎn)進(jìn)行技術(shù)攻關(guān),主要是保障屏 a class "card_link" href "#" 詳細(xì)內(nèi)容 /p .card { padding: 0 5rem; width: 350px; }.card_img { display: block; height: 100px; width: 100%; background: url(/images/puppies.jpg); background-size: contain;}.card_content { padding: 1.5em; background: white; }.card_list { list-style-type: none; display: flex; margin: θ; padding: 0; }.card_item–active { background: #d4d4d4; font-weight: bold; }.card_link { background: #2c8973; color: white; text-decoration: none; padding: 0.5em 1em; border-radius:0.5em; display: inline-block; margin-top: 0.5em;}

      鄭重聲明:本文內(nèi)容及圖片均整理自互聯(lián)網(wǎng),不代表本站立場(chǎng),版權(quán)歸原作者所有,如有侵權(quán)請(qǐng)聯(lián)系管理員(admin#wlmqw.com)刪除。
      用戶投稿
      上一篇 2022年6月18日 19:01
      下一篇 2022年6月18日 19:01

      相關(guān)推薦

      聯(lián)系我們

      聯(lián)系郵箱:admin#wlmqw.com
      工作時(shí)間:周一至周五,10:30-18:30,節(jié)假日休息