学成在线案例

####项目介绍

本项目是对html和css前阶段的综合项目

![](https://www.icode9.com/i/l/?n=20&i=blog/2572010/202110/2572010-20211009220509373-1528625561.png)

  1. 先测量页面版心,写个总类样式 先看出页面宽度是1200px,总体水平居中
    点击查看代码 ``` * { margin: 0; padding: 0; } .w { width: 1200px; margin: auto; } ```
  2. 分析页面中的行元素 ![](https://www.icode9.com/i/l/?n=20&i=blog/2572010/202110/2572010-20211009223001445-1647938243.png)
    点击查看代码 ``` .header { height: 42px; background-color: pink; margin :30px auto; } ```
    再分析行元素中的列模块 从左往右,先分析logo宽高等属性
    点击查看代码 ``` ```
    导航栏制作 实际开发中,我们常用li包含a的做法
上一篇:@Cacheable 使用详解


下一篇:SMBMS④密码修改