Html 图片不'；t对齐并赢得'；t适当地缩放_Html_Css

Html 图片不'；t对齐并赢得'；t适当地缩放

html css

Html 图片不'；t对齐并赢得'；t适当地缩放,html,css,Html,Css,我正在为我的学校项目做一个网站。我遇到了一些问题我想做一个带有链接的标签，当你按下一个图片时，你会被发送到主题。我想我同时也在努力，因为我希望我的网站能在不同的屏幕分辨率下运行（注意：并不是所有的东西都在工作，不要介意随机的笔记，它们是荷兰语的。我还在网站上工作）以下是我的HTML和CSS： BODY{font-family:Andalus、Helvetica、sans-serif；背景色：黑色；颜色：黑色；字体大小：15px；边距：0px；填充：0px；宽度：100%；高度：100%；

我正在为我的学校项目做一个网站。我遇到了一些问题

我想做一个带有链接的标签，当你按下一个图片时，你会被发送到主题。我想我同时也在努力，因为我希望我的网站能在不同的屏幕分辨率下运行

（注意：并不是所有的东西都在工作，不要介意随机的笔记，它们是荷兰语的。我还在网站上工作）

以下是我的HTML和CSS：

BODY{font-family:Andalus、Helvetica、sans-serif；背景色：黑色；颜色：黑色；字体大小：15px；边距：0px；填充：0px；宽度：100%；高度：100%；-webkit动画：颜色变化-2x 2s线性无限交替；
动画：颜色变化-2x 3s线性无限交替；}
div#box1{边框颜色：#666666；最大宽度：100%；最大高度：80px；
显示：块；高度：10%；背景颜色：#666666；边距顶部：-120px；-webkit动画：滑动底部1s立方贝塞尔（0.250、0.460、0.450、0.940）两者；
动画：滑动底部1s立方贝塞尔（0.250、0.460、0.450、0.940）二者；}
div#box2{边框颜色：#585858；左边距：自动；最大宽度：100%；高度：855px；显示：块；颜色：黑色；背景颜色：#585858；边距顶部：100px；-webkit动画：颜色更改-2x 2s线性无限交替二者；
动画：颜色变化-2x 3s线性无限交替；}
div#box4{边框样式：无；左侧边距：810px；顶部边距：450px；宽度：279px；高度：330px；背景色：无；}
div#titel1{页边距顶部：100px；背景色：#00000000}
div#txt2{页边空白顶部：100px；字体大小：20px；页边空白左侧：100px}
/*沃尔链接帕吉纳*/
div#links1{页边距顶部：250px；页边距左侧：50px；}
div#links2{页边距顶部：250px；页边距左侧：300px；}
de img{左边距：50px；顶端距：0px；}
da img{左边距：1000；顶端距：-500px；}
div#flash{页边距顶端：400px；字体大小：45px；左边距：350px}
{背景色：无；颜色：黑色；填充：1px；页边距顶部：0px；宽度：965px；页边距底部：0px；页边距左侧：20px；页边距右侧：5px；位置：相对；行高：15px}
H1{字体大小：85px；背景色：00000000；左边距：550px；}
H2{页边距顶部：25px；页边距左侧：355px；颜色：#db0000}
.lijst{列表样式类型：无；填充：0px；页边距顶部：20px；页边距左侧：5px；字体大小：15px；颜色：深红色；}
.sublijst{列表样式类型：光盘；填充：0px；左边距：20px；字体大小：13px；字体大小：15px}
.pageselect{字体大小：粗体；颜色：#7575；}
.nextpage{float:right；margin right:5px；}
链接{颜色：黑色；}
a:访问{颜色：黑色；}
链接{颜色：灰色；}
b:访问{颜色：灰色；}
iframe{边框：5px；边框样式：凹槽；边框颜色：黑色}
hr{颜色：黑色}
br{文本对齐：对齐；颜色：黑色；字体系列：继承；字体大小：10px；左边距：5px}
a:悬停img{display:block；}
b：悬停img{display:block；}
div#box1{宽度：100%；}
div#box2{宽度：100%；}
div#box3{宽度：100%；}
正文{溢出：隐藏；}
/*向顶部导航添加黑色背景色*/
托普纳夫先生{
背景色：#333；
溢出：隐藏；
}
/*设置导航栏内链接的样式*/
.topnav a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
边缘顶部：20px；
}
/*更改悬停时链接的颜色*/
.topnav a:悬停{
背景色：#4F4F；
颜色：黑色；
-webkit动画：心跳1.5s轻松进出无限；
动画：心跳1.5s轻松进出无限；
}
/*向活动/当前链接添加颜色*/
.topnav a.active{
背景色：#4a0900；
颜色：白色；
}
/* ----------------------------------------------
*由Animista于2020年4月18日14:7:8生成
*根据FreeBSD许可证许可。
*看http://animista.net/license 更多信息。
*w:http://animista.net，t:@cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
*动画幻灯片底部
* ----------------------------------------
*/
@-webkit关键帧滑动底部{
0% {
-webkit转换：translateY（0）；
变换：translateY（0）；
}
100% {
-webkit转换：translateY（100px）；
变换：translateY（100px）；
}
}
@关键帧向下滑动{
0% {
-webkit转换：translateY（0）；
变换：translateY（0）；
}
100% {
-webkit转换：translateY（100px）；
变换：translateY（100px）；
}
}
@-webkit关键帧在顶部反弹{
0% {
-webkit转换：translateY（-500px）；
转换：translateY（-500px）；
-webkit动画计时功能：轻松；
动画计时功能：轻松自如；
不透明度：0；
}
38% {
-webkit转换：translateY（0）；
变换：translateY（0）；
-webkit动画计时功能：轻松输出；
动画计时功能：放松；
不透明度：1；
}
55% {
-webkit转换：translateY（-65px）；
转换：translateY（-65px）；
-webkit动画计时功能：轻松；
动画计时功能：轻松自如；
}
72% {
-webkit转换：translateY（0）；
变换：translateY（0）；
-webkit动画计时功能：轻松输出；
动画计时功能：放松；
}
81% {
-webkit转换：translateY（-28px）；
transform:translateY（-28px）；
-webkit动画计时功能：轻松；
动画计时功能：轻松自如；
}
90% {
-webkit转换：translateY（0）；
变换：translateY（0）；
-webkit动画计时功能：轻松输出；
动画计时功能：放松；
}
95% {
-webkit转换：translateY（-8px）；
转换：translateY（-8px）；
-webkit动画计时功能：轻松；
动画计时功能：eas
<html>
 <head></head>
 <body>
   ...
 </body>
</html>

.class{
  background: black;
  color: white;
  display: block;
}