当前位置:   article > 正文

8.3 day bug

8.3 day bug

bug1

文件名字写错了,找了半天bug原因

image-20240803164220951

freecodecamp的致敬页的测试验证不通过bug

已经写了display: block;和max-width: 100% 以及通过margin: 0 auto;居中,可是却通不过验证

image-20240803164345947

image-20240803164509510

问了通义千问

通义帮我修改后的html代码为

<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <link href="styles.css" rel="stylesheet">
5  </head>
6  <body>
7    <main id="main">
8      <h1 id="title">R. Norman Borlaug</h1>
9      <div id="img-div">
10        <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg" />
11        <div id="img-caption">
12          <p>Dr. Norman Borlaug, third from the left, trains biologists in Mexico
13            on how to increase wheat yields - part of his life-long war on hunger.</p>
14        </div>
15      </div>
16      <div id="tribute-info">
17        <ul>
18          <li><strong>1914</strong> - Born in Cresco, Iowa</li>
19          <li>
20            <strong>1933</strong> - Leaves his family's farm to attend the
21            University of Minnesota, thanks to a Depression era program known as
22            the "National Youth Administration"
23          </li>
24          <li>
25            <strong>1935</strong> - Has to stop school and save up more money.
26            Works in the Civilian Conservation Corps, helping starving
27            Americans. "I saw how food changed them", he said. "All of this left
28            scars on me."
29          </li>
30          <li>
31            <strong>1937</strong> - Finishes university and takes a job in the
32            US Forestry Service
33          </li>
34        </ul>
35      </div>
36      <a target="_blank" id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug">
37        Learn more about Norman Borlaug
38      </a>
39    </main>
40  </body>
41</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41

复制粘贴进去就通过了

问了通义千问原因,好家伙,原来我代码的文件名写错了,sytles.css应该是styles.css才是对的,得,无语凝噎

image-20240803171618014

bug2

无脑bug,单纯没记住

image-20240803172431856

bug3

语文理解问题,字没看准,答错了要求

image-20240803174020423

bug4

不理解题意,根源是不理解标签含义

image-20240803175901444

本来以为是翻译的锅,换成了原版英文,但确实是"set to Liabilities“ 百度没结果,全文复制问通义千问,搞懂了,原来caption不包含thead和tbody,<caption> 元素用于为 <table>(表格)提供一个标题。

bug5

没记住,使元素具有粘性使用position:sticky;

image-20240803200800299

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号