学成在线案例

2021/10/9 23:39:16

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

####项目介绍

本项目是对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的做法


这篇关于学成在线案例的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程