前期準(zhǔn)備：

1）創(chuàng)建study目錄文件夾（存放案例所有相關(guān)文件）

2）vscode打開目錄文件夾

3）study/目錄下創(chuàng)建images文件夾（保存圖片）

4）新建index.html

5）新建style.css

布局思路：

1）確定頁面版心（主體可視區(qū)）

2）頁面布局第一準(zhǔn)則：

分析頁面的行模塊，以及每個(gè)行模塊中的列模塊

3）頁面布局第二準(zhǔn)則：

一行中的列模塊經(jīng)常浮動(dòng)布局，先確定每個(gè)列的大小，之后確定列的位置

4）HTML結(jié)構(gòu)，先有結(jié)構(gòu)，后有樣式的原則，結(jié)構(gòu)永遠(yuǎn)最重要！

確定版心：

頭部：

結(jié)構(gòu)信息：