问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
```css
body {
background-rgba(255,255,255,0.2);
margin: 0px auto;
max-width: 900px;
border: solid;
border-rgba(255,255,255,0.2);
color:black;
}
header {
background-rgba(255,255,255,0.2);
display: block;
color:aquamarine;
text-align: center;
}
h1 {
font-size:72px;
margin:0px;
}
h2 {
font-size: 24px;
margin:0px;
text-align: center;
}
h3 {
font-size:18px;
magin:0px;
text-align:center;
}
nav {
disolay:block;
width: 100%;
float: left;
text-align: center;
background-color: aquamarine;
padding-top:20px;
padding-bittom:20px;
}
nav a:link nav a:visited{
display: inline;
border-bottom: 3px color:aquamarine;
padding:10px;
text-decoration: none;
font-weight: bold;
marginb:5px;
}
nav a:hover{
color: white;
background-color: aquamarine;
}
nav h3 {
margin: 15px;
}
#container {
background-rgba(255,255,255,0.2);
}
section {
display: block;
width: 60%;
float: left;
}
article {
background-rgba(255,255,255,0.2);
display: block;
margin: 10px;
padding: 10px;
}
article header {
padding:5px;
}
article header {
padding: 5px;
}
article footer {
padding: 5px;
}
aside {
display: block;
width: 20%;
float: left;
}
aside h3 {
margin: 15px;
}
aside p {
margin: 15px;
font-weight: bold;
}
footer {
clear: both;
display: block;
background-rgba(255,255,255,0.2);
color:aquamarine;
text-align: center;
padding:15px;
}
footer h2 {
font-size:14px;
color:aquamarine;
}
/*links*/
a {
color:aquamarine;
}
a:hover {
text-decoration: underline;
}
```html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5新增文档结构标签的综合应用</title>
<link rel="stylesheet" href="../Untitled-1.css">
<style type="text/css">
body{
background: url("dabeij.jpg") no-repeat center center fixed;
background-size: 100% 100%;
}
</style>
</head>
<body>
<header>
<h1>咒术回战</h1>
</header>
<div id="container">
<aside>
<h3 color:aquamarine>人物</h3>
<p><a href="../素材/1/12.26.10.html/12.26.10.html">1.虎杖悠仁</a></p>
<p><a href="../素材/1/新建文件夹 (4)/作业6.html">2.伏黑惠</a></p>
<p><a href="../素材/1/周作业/1/index.html">3.钉崎野蔷薇</a></p>
<p><a href="../素材/1/周作业/2/index.html">4.五条悟</a></p>
<p><a href="../素材/1/周作业/3/index.html">5.禅院真希</a></p>
<p><a href="../素材/1 (2)/1.html">6.狗卷棘</a></p>
<p><a href="../素材/1 (2)/Untitled-1.html">7.熊猫</a></p>
<p><a href="../素材/1 (2)/Untitled-5.html">8.乙骨忧太</a></p>
<p><a href="../素材/1 (2)/Untitled-3.html">9.秤金次</a></p>
<p><a href="../素材/1 (2)/Untitled-4.html">10.星绮罗罗</a></p>
<p><a href="../素材/1 (3)/22 6666.html">11.伊地知洁高</a></p>
<p><a href="../素材/1 (3)/22 1.html">12.家入硝子</a></p>
<p><a href="../素材/1 (3)/22 2.html">13.日下部笃也</a></p>
<p><a href="../素材/1 (3)/22 3.html">14.夜蛾正道</a></p>
</aside>
<section>
<article>
<header>
<h2>视频介绍</h2>
</header>
<br>
<video id=”video01 src="视频1.mp4" controls style="width: 100%" ></video>
<footer>
<h2></h2>
</footer>
</article>
<article>
<header>
<h2>简介</h2>
</header>
<blockquote>
<p>《咒术回战》是日本漫画家芥见下下创作的漫画作品,作品于2018年3月5日在《周刊少年Jump》开始连载 ;是《周刊少年Jump》50周年纪念新连载3连弹企划的第一弹。<br>
该作单行本由集英社出版,其繁体中文版由东立出版社出版 ,中国香港由文化传信集团有限公司出版。简体中文电子版于哔哩哔哩漫画独家发布 。<br>
作品亦被改编成同名电视动画片 。
漫画曾获“下一部漫画大赏”2018年第6名、“全国书店店员推荐漫画2019年第1名”的成绩 。截至2021年9月28日,本作含电子版在内的系列累计销量已突破6000万册。
</p>
</blockquote>
<footer>
<h2>完</h2>
</footer>
</article>
</section>
<aside>
<h3>故事篇章</h3>
<<p><a href="../素材/1 (3)/22 4.html">1.咒胎戴天</a></p>
<p><a href="../素材/1 (3)/22 5.html">2.幼鱼与逆罚</a></p>
<p><a href="../素材/1 (4)/index.html">3.京都姐妹校交流会</a></p>
<p><a href="../素材/1 (5)/28 (1)/index.html">4.八十八桥</a></p>
<p><a href="../素材/1 (5)/28 (2)/2021.12.28task4.html">5.怀玉</a></p>
<p><a href="../素材/1 (5)/28 (3)/701.7.html">6.玉折</a></p>
<p><a href="../素材/1 (5)/28 (4)/701.6.html">7.涩谷事变</a></p>
<p><a href="../素材/1 (5)/28 (1).html">8.大雁衔枝</a></p>
<p><a href="../素材/1 (5)/28 (2).html">9. 宵祭</a></p>
<p><a href="../素材/1 (5)/28 (3).html">10. 涉谷事变-开门-</a></p>
<p><a href="../素材/1 (6)/1/index.html">11. 涉谷事变-降灵-</a></p>
<p><a href="../素材/1 (6)/2/index.html">12. 涉谷事变-霹雳-</a></p>
<p><a href="../素材/1 (6)/2 1/index.html">13. 涉谷事变-理非-</a></p>
<p><a href="../素材/1 (6)/2 2/index.html">14. 涉谷事变-变身</a></p>
</aside>
<footer>
<h3 style="font-family:'brush-script-std'">小郭制作</h3>
</footer>
</div>
</body>
</html>