Html 将CSS动画添加到具有背景图片的网站

Html 将CSS动画添加到具有背景图片的网站,html,css,Html,Css,这个问题很傻,但我从来没有创建过网页,所以请不要立即投反对票。请不要告诉我去看托托节,我真的只需要做一次下面描述的事情。出于某些原因,我需要制作一个非常简单的网页,只包含背景图片和我在周围找到的CSS3心脏动画我需要将CSS心脏动画放置在左上角,从底部开始留出100px的边距,覆盖我用作背景的其他图像我需要向HTML添加什么才能实现这一点 我的HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h

这个问题很傻,但我从来没有创建过网页,所以请不要立即投反对票。请不要告诉我去看托托节,我真的只需要做一次下面描述的事情。出于某些原因,我需要制作一个非常简单的网页,只包含背景图片和我在周围找到的CSS3心脏动画我需要将CSS心脏动画放置在左上角,从底部开始留出100px的边距,覆盖我用作背景的其他图像我需要向HTML添加什么才能实现这一点

我的HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Test page</title>
   </style>
   </head>
  <body/>
   <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center>
   </body>
   </html>

测试页

所以CSS格式很差,所以我将CSS代码添加到pastebin

请注意,我从未使用过CSS,需要详细解释。谢谢。

创建一个

<div id='bigwrapper></div>
还有你内心的画面。之后,应用所需的CSS HTML标记需要工作,因为如果没有正确格式化的标记,一些事情可能无法工作。您需要正确地打开和关闭标记

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Test page</title>
     <style></style>
 </head>
  <body>
     <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center>
   </body>
</html>

测试页

在HTML5中,中心标记已被弃用,您正在使用的转换仅适用于HTML5和CSS3。

您的问题与家庭作业有什么不同?如果你认为有理由,不要要求“不要投反对票”,因为你不是这里的新手,这个案子更糟。顺便说一句,我要等你的回答。这不是家庭作业,因为我已经完成了学校和大学的学业很久了。当然我不是一个新手,但我的工作领域是安卓。我是网络开发的新手谢谢。我肯定不是想侮辱你,因为我每天都在闲逛,所以我只是指出了一些遗漏的功能。因为人们通常不喜欢问题中的任何外部链接
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Test page</title>
     <style></style>
 </head>
  <body>
     <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center>
   </body>
</html>