标签包含网页主要内容Content，如果直接点击右上角的小眼睛，只有“HelloWorld!”目前会弹出。我们可以修改
中的内容，让网页更加丰富。
网页制作指南
tasklist添加视觉设计添加light和深色颜色主题- 添加切换主题功能！
添加内容后，我们可以在这里预览网页：只修改了网页的HTML部分，只有黑白文字，没有设计。使用CSS设计网页完成网页的基本结构后，我们将继续处理style.css文件并开始对网页设计进行编程。Lightly的style.css文件默认是空白的，我们可以尝试添加如下参数代码：definecolorname/*CSScommentcodeisdifferentfromHTML*//*userootdirectorytodefinecolor*/:root{--green:#f0fff0;--白色：#ffffff；--black:#000000;}*{color:var(--fontColor);}更改字体样式body{/*设置背景颜色，调整文本为粗体和居中*/font-family:SimHei;文本对齐：居中；background:var(--bg);}ul{/*设置ul的文本为宋体*/font-family:SimSun;}setborderforlist/*addborderforul*/.功能{文本对齐：左；字体大小：24px；保证金：自动；宽度：400px；高度：200px；轮廓：实心1px；/*将列表的内容居中*/display:flex;证明内容：居中；-items:center;}添加浅色主题/*添加浅色主题*/.light-theme{color:var(--black);background:var(--green);}在刷新页面之前，我们需要返回到.html文件中的标签中添加浅色主题：并添加一个标签位于
的上方和下方。注意需要在CSS文件配置完成后，回到.HTML文件并重新加载网页以查看效果：使用JavaScript实现主题切换在掌握了基本的CSS设计之后，我们可以尝试进一步编写JavaScript代码，让网页实现深色主题和浅色主题切换的功能首先，我们需要在.html文件中添加一个“切换主题”按钮：切换深度Color
接下来，将中script.js的关联代码移动（剪切+粘贴）到标签末尾之前：
