【案例】【学成在线首页】01

前期准备：

1）创建study目录文件夹（存放案例所有相关文件）

2）vscode打开目录文件夹

3）study/目录下创建images文件夹（保存图片）

4）新建index.html

5）新建style.css

布局思路：

1）确定页面版心（主体可视区）

2）页面布局第一准则：

分析页面的行模块，以及每个行模块中的列模块

3）页面布局第二准则：

一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置

4）HTML结构，先有结构，后有样式的原则，结构永远最重要！

确定版心：

头部：

结构信息：