<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ## 公共樣式 公共屬性的優點: 在HTML中盒子元素中大家如果有一個共同的事件,比如一起設置顏色高低等,就可用一起操作了。就可以都設置一個共同的樣式。 列如DIV盒子中寫法: ``` <div class="xos xob"> </div> ``` ## **在同一個元素中 同時設有 .a 和.b屬性** <h3>假如 div 中.a設置了寬100px;高度100px; 那么同時設置 .a .b ``` <div class="a b"> ``` .a{ width: 100px; height: 100px; } 這個時候b屬性也是width: 100px; height: 100px; 如果給.b設置一個邊框 那么就會圍繞盒子一圈。 這就是公共類的繼承性。 .a的屬性和.b的權重是一樣的。</h3> <h3><p style="color:red"> 如果給a設置了寬高等等屬性,那么給b進行定位屬性,那么等同于給a進行定位。</p></h3> ## 代碼案例: ``` <style> .bos{ width: 500px; height: 500px; margin:100px auto; background-color: rgb(104, 141, 129); } .csc { border:5px solid red; color:rgb(248, 203, 0); } </style> <body> <div class="bos csc"> <div class="s">你好</div> <div class="p">我是</div> <div class="c">公共類</div> </div> ``` 如圖: ![](https://img.kancloud.cn/2e/c2/2ec22052e1faffaa120207d0f0f872bd_1354x869.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看