5. 学成在线案例

1.典型的企业级网站
2.目的：整体感知企业级网站布局流程，复习以前的知识

5.1 准备素材和工具

1.学成在线PSD源文件
2.开发工具 = PS(切图) / cutterman插件 + vscode(代码) + chrome(测试)

5.2 案例准备工作

采取结构与样式相分离思想：
1.创建study目录文件夹(用于存放我们这个页面的相关内容)
2.用vscode开这个目录文件夹
3. study目录内新建images文件夹，用于保存图片
4.新建首页文件index.html ( 以后我们的网站首统一规定为 index.html )
5.新建style.css样式文件。我们本次采用外链样式表
6.将样式引入到我们的HTML页面文件中
7.样式表写入清除内外边距的样式，来检测样式表是否引入成功

5.3 CSS属性书写顺序（重点）

例如：