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

                # H1,2,3,4,5,6標題元素 切記:div不是diy,div是跨級元素類別哦! div是什么,你會想一下,用一句話概括一下,div就是通過層層嵌套的方式布局網頁結構的,好比是蓋房子,一間一間的房子,外面有一個大的圍墻! 我們來看看h系列的標題,光有,框框和架子還不夠啊,標題,就好比我們家里的門,有房門,大門,廚房門,衛生間的門,都是門,為何要分這么多,因為場景不同,總不能在我們的衛生間裝個防盜門吧! **為啥會有h系列標題呢** > 為了方便排版和直接的調整文字大小,主要是早起的網頁,是用來排版文檔的,隨意就一直遺留下來了! **h1,h2,h3,h4,他們后面的數字,代表的級別,數字約到,他的最直觀的的效果就是,字體大小變了,粗細也變了!** 效果如下: ![](https://box.kancloud.cn/b89b45388c333308f4e269ec91cd52e1_952x434.png) # 代碼如下 ![](https://box.kancloud.cn/3c7f4da9fd0c2b2dbd130f7e33922e3c_898x394.png) ## 這個標簽有啥用,為何我們要學呢: > 首先,他和div是一個家族,他是塊級標簽! > 方便們只管的統一文字大小排版,主要考慮有些瀏覽器的兼容問題,對不同大小的渲染有差異,標題就很統一了! ### 一般在什么情況下可以考慮使用這個標簽呢 先看看,別人的網頁他們是否也又用到這個標簽 ![](https://box.kancloud.cn/9eea6770c840f0c4d32c1db51deb8e5c_2061x1221.png) 能看清嗎,我只是告訴你哦,我僅僅是告訴,別人是怎么用,的同時別人用它一般是控制什么內容,當你看你看到類似設計需求的時候,你應該聯想起來! 你可以找找其他網站是否有類似的情況,要回舉一反三! ![](https://box.kancloud.cn/a3a29409ed624eb1701d2b99e275cc73_1953x1144.png) 找到這種標簽的使用場景,太多了! ### 課后練習 > 實現如下效果的排版,左邊的紅方點,不需要 > ![](https://box.kancloud.cn/d89d779937a499d00b0e64a4c830a490_374x215.png) ### 擴展題: ![](https://box.kancloud.cn/a4806ffa580135d20569f0249e19ebcb_696x1042.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>

                              哎呀哎呀视频在线观看