点击锚点跳转,顶部菜单栏遮住了内容

CSS 同时被 2 个专栏收录
21 篇文章 0 订阅
27 篇文章 0 订阅

在这里插入图片描述

html:

//顶部菜单栏
<div class="eudicmdMenuList">
   <ul class="ulmenulist">
      <li class="de_activeMenu"><a class="menu-level-1" data-href="字母表" level="1">字母表</a><i class="menuline"></i></li>
      <li class=""><a class="menu-level-1" data-href="语音介绍" level="1">语音介绍</a><i class="menuline"></i></li>
      <li class=""><a class="menu-level-1" data-href="重音规则" level="1">重音规则</a><i class="menuline"></i>
      </li><li class=""><a class="menu-level-1" data-href="语调" level="1">语调</a><i class="menuline"></i></li>
   </ul>
</div>
//顶部菜单对应的内容模块,只取了每一个模块内容的标题
<h1 data-id="字母表" class="h1_new h1_new_first">一、字母表</h1>
<h1 data-id="语音介绍" class="h1_new">二、语音介绍</h1>
<h1 data-id="重音规则" class="h1_new">三、重音规则</h1>
<h1 data-id="语调" class="h1_new">四、语调</h1>

css:
根据需要 设置h1的margin,padding,我用的是margin

.h1_new{
    margin-top:20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
   padding-left: 0px;
}
.h1_new_first {
    position: relative;
}

但我一开始用的是

h1:target {
    margin-top: -40px !important;
    padding-top: 60px;
}

这段代码有个问题,刚开始进来的的 h1的上边距和 和点击顶部菜单后 h1 的边距是不同的,遂弃用。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

<p style="background: white;"><span style="font-size: 10.5pt; font-family: '微软雅黑',sans-serif; mso-bidi-font-family: Arial; color: black; mso-themecolor: text1;">人脸口罩佩戴检测<span lang="EN-US">(</span>识别<span lang="EN-US">)</span>是当前急需的应用,而<span lang="EN-US">YOLOv5</span>是目前流行的强悍的目标检测技术。本课程使用<span lang="EN-US">YOLOv5</span>实现人脸口罩佩戴的实时检测。课程提供超万张已标注人脸口罩数据集。训练后的<span lang="EN-US">YOLOv5</span>可对真实场景下人脸口罩佩戴进行高精度实时检测。</span></p> <p style="background: white;"><span style="font-size: 10.5pt; font-family: '微软雅黑',sans-serif; mso-bidi-font-family: Arial; color: black; mso-themecolor: text1;">本课程会讲述本项目超万张人脸口罩数据集的制作方法,包括使用<span lang="EN-US">labelImg</span>和“精灵标注助手”标注工具以及使用<span lang="EN-US">Python</span>代码对第三方数据集进行清洗。</span></p> <p style="background: white;"><span style="font-size: 10.5pt; font-family: '微软雅黑',sans-serif; mso-bidi-font-family: Arial; color: black; mso-themecolor: text1;">本课程的<span lang="EN-US">YOLOv5</span>使用<span lang="EN-US">PyTorch</span>版的<span lang="EN-US">ultralytics/yolov5</span>,分别在<span lang="EN-US">Windows</span>和<span lang="EN-US">Ubuntu</span>系统上做人脸口罩佩戴检测的项目演示。具体项目过程包括:安装<span lang="EN-US">YOLOv5</span>、训练集和测试集自动划分、修改配置文件、准备<span lang="EN-US">Weights&Biases(wandb)</span>训练可视化工具、训练网络模型、测试训练出的网络模型和性能统计。</span></p> <p><img src="https://img-bss.csdnimg.cn/202105171502238347.jpg" alt="口罩数据集" /></p> <p><img src="https://img-bss.csdnimg.cn/202105171502526495.jpg" alt="图片检测效果" /></p> <p><img src="https://img-bss.csdnimg.cn/202105171503171409.jpg" alt="训练可视化" /></p> <p><img src="https://img-bss.csdnimg.cn/202105171503402341.jpg" alt="" /></p>
<p><span style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 16px; background-color: #ffffff;">详细介绍了OpenVINO整体架构、基本组件、核心组件DLDT与IE的使用,OpenVINO对模型加速执行推断的开发流程与步骤、相关SDK API函数如何在C++与Python环境下进行API调用,如何使用预训练模型快速开发图像分类、对象检测、语义分割、实例分割、车牌识别、行人检测、场景文字检测与识别、YOLOv5模型部署加速与推理、表情识别与landmark提取等高实时视频分析程序,使用模型优化器进行模型压缩转换与优化等OpenVINO核心技术演示与代码教学。一步一步教你构建CPU级别可实时的深度学习模型应用程序。部分演示程序截图如下(</span><strong style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 16px; background-color: #ffffff;">均基于CPU达到实时帧率,基于OpenVINO2021.02版本录制</strong><span style="color: #333333; font-family: 'Hiragino Sans GB', 'Microsoft Yahei', arial, 宋体, 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; font-size: 16px; background-color: #ffffff;">):</span></p> <p><span style="color: #424242; background-color: #ffffff;"><img src="https://img-bss.csdn.net/201911090640507040.png" alt="" /><br /></span></p>
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值