<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 什么diy,你搞錯了,是div,div,div,麻煩你好好想想上面我讓你抄50遍,你忘了? [TOC] div,對的,我們第一個就得學他,他是我們用來給網頁布局的標簽 !,你是不是在想,這玩意有啥用,那你別小瞧他,京東,天貓,等網站,少了他也是沒有用的,來看看他是怎么存在的!![](https://box.kancloud.cn/2b9653a02b608d5a6ee8b7544c110a3b_2560x1144.png) ![](https://box.kancloud.cn/839daaf84f5fee4aa8dd4749b9732373_2560x1273.png) 你學好了他,也就是你的網頁布局能力,有了起點!否則,你什么都還不會! ### div到底是什么: 是一個塊級元素,也就是在網頁上可以用來顯示不同區域顯示不同的內容,好比,天貓的首頁,上面用div顯示頭部,搜素欄,你是不是也和我一樣想到了,他下面的廣告輪播板塊,以及那一排分類信息也是用div來布局實現的呢,沒錯,你的感覺是對的,div就是用來占位,讓信息有條不紊的顯示在用戶的面前! **你可以用同樣的方法,去看看其他網站,自己找div,打開網頁,然后按F12按鈕,即可,然后用鼠標選擇對應的元素,就可以定位到相應的區域!** 你記住了嗎? div是用來做什么,閉著眼,冥想一下,什么還是想不起來,那就對著上面的內容,抄寫10遍不過分,再冥想,直到你大腦中能一下浮現出這個畫面,整個網頁的每塊信息都是,一個一個的div標簽,你就成功了! ### **學習使用:** 只會看,不會用,那都是假的! ![](https://box.kancloud.cn/e0e563d7775adf6f028464738cc61d06_2560x1273.png) 什么你是要我做個百度這樣的網頁嗎?看起來好簡單哦,想不想自己來實現一下呢! 鄭重說明:你是選擇一直是看還是做一個誠實的朋友,你說好的,要好好學習掌握這門技能,看看有用嗎,請立刻馬上動手去寫吧! 步驟1:打框子,就好比房子,先把房間一間一間的弄出來! 我們講究嵌套層布局! <html> <body> <div> <div> <!---這是頭部--> </div> <div> <!--這是中間--> </div> <div> <!--這是底部--> </div> <div> <body> </html> 看的明白嗎?,先是一個大的div,好比你蓋房子,是不是先要在最外面修個圍墻,一樣的道理,里面有3組div標簽,沒錯,好比你家的3室兩廳一樣的,每組div就對應一間房,沒錯上面以及給你安排好了3間毛培房! ![](https://box.kancloud.cn/851e4b3ded927026e1459b9ef2b88dd9_1060x967.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>

                              哎呀哎呀视频在线观看