当前位置: 首页 > article >正文

学成在线:前端开发工程师区域(其他区域类似) ,版权区域

前端开发工程师区域 

因为该模块头部样式跟课程部分相同,所以直接复制一样的 html

然后样式就是直接引用的 精品推荐课程部分的,所以不再需要为父级 ul设置专门的 flex

竖着和横着的那两个部分盒子不再设置宽高,直接由内容撑开 

并且 right的盒子中bottom盒子中四个 li标签的样式跟上面精品推荐课程是一样的,直接用的是公共样式,所以不再需要设置 父级ul 的 flex

版权区域

版权区域布局 :

先将大的盒子 footer内外上边距和高度背景色设置

然后给版心 wrapper 作为left 和 right 的父级设置 flex布局,并且设置主轴对齐方式

设置 left 宽度和背景色

版权区域 left 内容填充 :

左侧:

首先logo是能点击跳转,所以使用 a 标签

其次 p 中内容 的换行是通过固定了整个left 盒子然后固定字号来控制的,设置行高让内容垂直居中

最后点击下载是点击之后能跳转,所以设置为 a 标签,为了区别跟logo 的 a 标签,设置了一个类 download,将其转换为块级元素设置宽高以及边框

 右侧:


http://www.kler.cn/a/464302.html

相关文章:

  • Ⅱ.INTRODUCTION TO CUDA C
  • 【竞技宝】CS2:HLTV 2024 TOP11-w0nderful
  • Wend看源码-Java-fork/Join并行执行任务框架学习
  • 框架模块说明 #09 日志模块_01
  • 【新教程】华为昇腾NPU的pytorch环境搭建
  • 微信小程序滑动解锁、滑动验证
  • 《一文读懂PyTorch核心模块:开启深度学习之旅》
  • 通过 4 种方式快速将音乐从 iPod 传输到 Android
  • SpringAOP之日志和身份验证
  • salesforce addmonth()
  • 5G+工业互联网”迎来新机遇,CES Asia 2025见证产业腾飞
  • 操作014:惰性队列
  • 【PCIe 总线及设备入门学习专栏 4.1 -- PCI 总线的地址空间分配】
  • 福建科立讯通信有限公司指挥调度send_fax.php存在任意文件上传漏洞
  • Fabric环境部-Git和Node安装
  • 《计算机网络》(B)复习
  • MB31零收货处理批次物料:M7425 不能设置货物移动的最后交货标志
  • 【第二部分--Python之基础】03 容器类型的数据
  • 计算机的错误计算(一百九十九)
  • 腾讯视频Python爬虫项目实战
  • Dubbo 核心知识全解析:原理、流程与关键机制
  • leetcode hot 小偷
  • 汽车基础软件AutoSAR自学攻略(二)-AutoSAR CP分层架构(1)
  • Redis的生态系统和社区支持
  • Android 系统 `android.app.Fragment` 类的深度定制与常见问题解析
  • iOS 修改图片颜色