<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>

                ### 盒子模型概念 - 塊級元素 獨占一行,寬高可以設置 (div) display:inline 將塊級元素轉化為內聯元素 - 行內元素/內聯元素 和其他元素在一行 寬高不可設置 寬高有內容決定 (span a ul em) - 行內塊級元素 和其他元素在一行且寬高可以設置 (img input) ### **盒子邊框 border** - 語法 ``` border:width || style || color; border:50px solid red;//盒子邊框50px 實線 紅色 ``` ### **盒子內邊距 padding** - 語法 ``` padding:10px; //距離邊框 上右下左距離 為10px 同 padding:10px 10px 10px 10px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; ``` ### **盒子外邊距 margin** - 語法 同padding 關鍵字 margin ``` margin:10px; //距離邊框 上右下左距離 為10px 同 padding:10px 10px 10px 10px; ``` ![](https://img.kancloud.cn/1f/9a/1f9a76cadbf70a34bf3556dcfdf28b65_597x235.png) ### **盒子類型 box-sizing** ![](https://img.kancloud.cn/cf/11/cf113d0c0a307308872c384a172239e4_723x395.png) ### 定位 position * absolute 絕對定位 ;脫離文檔流布局,遺留下來的空間由后面的元素填充,定位的起始位置是 父元素 (且父元素 position 不為static)否則為body的文檔本身 * relative 相對定位 ; 不脫離文檔流,在文檔流原先的位置遺留空白區域 。定位起始位置為自身位置。 * fixed 固定定位 ; 類似于absolute 不隨著滾動位置而改變。 * sticky 類似 relative 和 fixed的結合體
                  <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>

                              哎呀哎呀视频在线观看