HTML+CSS實現(xiàn)基本的網(wǎng)頁布局（二）
時間：2023-09-09 02:24:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-09-09 02:24:01 來源：網(wǎng)站運(yùn)營
HTML+CSS實現(xiàn)基本的網(wǎng)頁布局（二）：從現(xiàn)在開始便開始首頁的頁面布局的搭建，最基本的布局。
完整的實現(xiàn)代碼將會在把這個網(wǎng)站全部搭建完畢后，放在我的Github上，地址在本專欄的最后將會公布，如果中間自己堅持不下去，那本專欄也將會荒廢掉。。。希望能堅持下去吧！
首先我用畫圖工具對我將會實現(xiàn)的網(wǎng)頁布局進(jìn)行了一下規(guī)劃，大體如下：
下面是實現(xiàn)的效果：
接下來總結(jié)一下我在布局方面遇到的大大小小的問題：
1.<ul>與<li>標(biāo)簽的使用
ul與li之間的問題大概就是塊級元素以及行級元素的區(qū)別，首先把ul還有l(wèi)i利用disply：inline-bock轉(zhuǎn)換成塊級元素，然后利用float：left或者right設(shè)置浮動的方式，放到同一行中。
2.不同分辨率顯示不全的問題
之前設(shè)置的全部是利用像素與百分比夾雜進(jìn)行的定位，所以會有顯示不全的問題，把他倆換成同一類即可。
布局方面遇到的問題很簡單，不是什么大問題，目前這個布局我也沒進(jìn)行太深的測試，可能還會有錯誤，隨時改正吧！
接下來便是js的學(xué)習(xí)。
在線咨詢