Java教程

学成在线案例

本文主要是介绍学成在线案例，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

####项目介绍

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

![](https://www.www.zyiz.net/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.www.zyiz.net/i/l/?n=20&i=blog/2572010/202110/2572010-20211009223001445-1647938243.png)
    点击查看代码 ``` .header { height: 42px; background-color: pink; margin :30px auto; } ```
    再分析行元素中的列模块 从左往右，先分析logo宽高等属性
    点击查看代码 ``` ```
    导航栏制作 实际开发中，我们常用li包含a的做法
这篇关于学成在线案例的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航