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

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 第五章 樣式匯總 1. css 三種寫法 2. 選擇符和樣式優先級 [重點] 4. 布局相關 5. 文本相關 text-* 6. 字體相關 font-* 7. 背景相關 background-* 8. 邊框 9. 列表 10. 定位 11. 案例 ## css介紹 ## css三種寫法和選擇符 ### 選擇符高級使用 ## 選擇符和css優先級 ### css優先級 行內最大! 內部和外部遵循: 就近原則 ### 選擇符優先級 1. id> class > 標簽 2. 連寫時有權重值 ![](https://box.kancloud.cn/00e9cb16fc302fa789a04f95196fc672_537x361.png) ## 布局相關 1. 行塊轉換 2. 顯示隱藏 ## font-* ## text-* ## background-* ## border-* ## list-* ## position 除了使用`盒子模型`外,還可以使用定位實現標簽位置的調整.就是定位屬性:position [pei zen sen] . position分三種,:相對定位,決定定位,固定定位 ``` 相對定位: position: relative 絕對定位: positon:absolute 固定定位: position:fixed 層次調整: z-index:數字 ``` ### 相對定位 相對定位,就是微調元素位置.讓元素`相對于自己原來的位置,進行位置調整` 1. 特點:不脫流,原有位置保留,形影分離 2. 用途 - 微調元素 - 做絕對定位的參考,子絕父相 ### 絕對定位 1. 特點1:脫流 2. 默認參考點: 網頁左上角 ![](https://box.kancloud.cn/1148233e5c05ff7c1a841e0907ca8221_395x421.png) 3. 父輩存在定位時,優先相對于離的最近的父輩定位元素定位 4. 定位子元素無視參考盒子的padding 5. 絕對定位盒子maring:0 auto;失效 7. 定位后行級標簽可設置寬高 8. 定位重合用z-index調整層次 ## 浮動案例 ## 雪碧圖案例 ## 列表案例 ## 導航案例 ## 定位案例 ## 總結 1. 各種樣式 2. 應用案例
                  <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>

                              哎呀哎呀视频在线观看