【博學(xué)谷學(xué)習(xí)記錄】超強(qiáng)總結(jié)，用心分享| 前端+css+自我學(xué)習(xí)
時(shí)間：2023-07-06 09:51:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-07-06 09:51:01 來源：網(wǎng)站運(yùn)營
【博學(xué)谷學(xué)習(xí)記錄】超強(qiáng)總結(jié)，用心分享| 前端+css+自我學(xué)習(xí)：版心和布局流程
閱讀報(bào)紙時(shí)容易發(fā)現(xiàn)，雖然報(bào)紙中的內(nèi)容很多，但是經(jīng)過合理地排版，版面依然清晰、易讀。同樣，在制作網(wǎng)頁時(shí)，要想使頁面結(jié)構(gòu)清晰、有條理，也需要對(duì)網(wǎng)頁進(jìn)行“排版”。
"版心"是指網(wǎng)頁中主體內(nèi)容所在的區(qū)域。一般在瀏覽器窗口中水平居中顯示，常見的寬度值為960px、980px、1000px、1200px等。
布局流程
為了提高網(wǎng)頁制作的效率，布局時(shí)通常需要遵守一定的布局流程，具體如下:
1、確定頁面的版心(可視區(qū))。
2、分析頁面中的行模塊，以及每個(gè)行模塊中的列模塊。
3、制作HTML頁面，CSS文件。
4、CSS初始化，然后開始運(yùn)用盒子模型的原理，通過DIV+CSS布局來控制網(wǎng)頁的各個(gè)模塊。
通欄型：
清除浮動(dòng)：
清除浮動(dòng)的萬法
其實(shí)本質(zhì)叫做閉合浮動(dòng)更好一些，記住，清除浮動(dòng)就是把浮動(dòng)的盒子圈到里面，讓父盒子閉合出口和入口不讓他們出來影響其他元素。
在CSS中，clear屬性用于清除浮動(dòng)，其基本語法格式如下:
因?yàn)橐欢ㄒ衏ontent所以就寫個(gè)小點(diǎn)就可以，后面設(shè)置了高度為0和內(nèi)容不顯示。
雙偽元素（after，before）清除浮動(dòng)
這里content可以直接是 “”（什么都不寫只寫一個(gè)“”）
一般來說CSS初始化為：
關(guān)鍵詞：學(xué)習(xí),用心,記錄,總結(jié)
在線咨詢