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