（HTML和CSS）帮助我编写代码

因此，我是html和css方面的新手，我正在努力做到以下几点：

1） 适用于各种屏幕大小的网站

2） 文本和2个按钮，水平居中（也是第1个）

3） 在后台播放的视频（也是第1条）

可选4）放大或缩小视频时，文本看起来不奇怪

我知道这是很多，但正如我说的，我是html和css的新手

（最适合1280x720屏幕）

我当前使用的代码（我不擅长）：

p{
边际：0px；
}
h1{
边际：0px；
}
氢{
边际：0px；
}
h3{
边际：0px；
}
html，
身体{
宽度：100%；
身高：100%；
边际：0px；
}
身体{
变换：矩阵3d（1,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,1）；
-webkit转换：matrix3d（1,0,0,0,0,1,0,0,0,0,0,1,0,0,0,1）；
-莫兹变换：矩阵3d（1,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,1）；
透视图：1400px；
-webkit透视图：1400px；
-moz透视图：1400px；
变换样式：保留-3d；
-webkit变换样式：保留-3d；
-moz变换样式：preserve-3d；
背景色：透明；
}
.gwd-video-bnv8{
位置：绝对位置；
宽度：1280px；
高度：720px；
左：0px；
顶部：0px；
}
.gwd-p-1j96{
位置：绝对位置；
字体系列：“信使新”；
字体大小：粗体；
字体大小：64px；
颜色：rgb（255,0,0）；
左：490px；
顶部：50px；
}
.按钮{
边界半径：28px；
边框：1px实心rgb（0,0,255）；
显示：内联块；
光标：指针；
颜色：rgb（255、255、255）；
字体系列：“信使新”；
字体大小：20px；
填充：10px 30px；
文字装饰：无；
文本阴影：rgb（47102,39）0px 1px 0px；
位置：绝对位置；
左：556px；
顶部：176像素；
背景色：rgb（0,0,255）；
}
.按钮：悬停{
背景色：rgb（56,56,255）；
}
.gwd-a-ceqx{
顶部：227px；
左：551px；
}

伊兹诺

像这样尝试css

p, h1, h2, h3 {
    margin: 0px;
}

video{
    width: 100%;
    height: auto;
}

html

---

这将使您的视频响应迅速

堆栈溢出不是代码编写服务。你应该做一些研究，尝试一下，然后当你遇到困难时再回来问一个问题。快乐编码！有一句格言说：“不要给我鱼，教我如何钓鱼”阅读@Media规则，学习如何使用它们来做出响应性设计

<video loop="true" autoplay="true">
    <source src="videos/bubbles.mp4" type="video/mp4">
</video>