如何使用html&；制作全页幻灯片网站；css？

@font-face{
字体系列：“Muli”；
字体风格：普通；
字体大小：400；
src:local（'Muli'），url(https://fonts.gstatic.com/s/muli/v7/minRpKQdEvXRRS8oAbAtWvesZW2xOQ-xsNqO47m55DA.woff)格式（“woff”）；
}
身体{
字体系列：“Muli”，Helvetica，Ariel，Georgia，serif；
字号：中等；
边际：0px；
}
#首字母{
最大宽度：100%；
最大高度：100%；
最小高度：100%；
填充：0px；
边际：0px；
}
h1{
字体大小：3.5em；
字体：斜体；
字体大小：正常；
文本对齐：居中；
边框颜色：红色；
边框样式：实心；
边际上限：0px；
边缘底部：10px；
填充：0px；
}
桌子区{
显示：表格行；
}
桌子容器{
显示：表格；
}
#侧面图{
显示：表格单元格；
宽度：250px；
高度：自动；
右边距：20px；
边缘底部：20px；
}
#生物文本{
显示：表格单元格；
垂直对齐：顶部；
左侧填充：20px；
右边填充：20px；
}
#中国建设银行{
最大宽度：100%；
最大高度：100%；
边框颜色：红色；
边框样式：实心；
}
#联系方式{
显示：表格单元格；
边框颜色：红色；
边框样式：实心；
}
#联系信息{
显示：表格单元格；
边框颜色：红色；
边框样式：实心；
}
#联系人信息ulli{
列表样式类型：无；
}
#联系人信息h2{
文本对齐：居中；
}
页脚{
边框顶部宽度：1px；
边框顶部样式：实心；
边框顶部颜色：黑色；
文本对齐：居中；
}
页脚ulli{
列表样式类型：无；
显示：内联；
填充：0px 50px 0px 50px；
边框颜色：红色；
边框样式：实心；
}
页脚p{
文本对齐：居中；
边框颜色：红色；
边框样式：实心；
}
页脚ul li a:链接，页脚ul li a:已访问{
文字装饰：无；
}

克里斯·王
我是谁？

诸如此类的个人描述


个人描述


更多私人物品


更多私人物品

我做了什么？
让我们谈谈！
全名：
电邮地址：
电话号码：
信息：
联系方式

克里斯·王
克里斯王，工作









&抄袭；2016年克里斯·王

这不是一个完整的答案，但我想你不想要一个完整的解决方案，而是一个循序渐进的指南，所以我冒着被否决的风险。我们开始：

• 为“幻灯片”或“页面”创建CSS，可能是div，宽度为100%和<代码>高度：100%。将它们放在另一个div中，class

  content

  ，同样

  width:100%；身高：100%左右。它将包含所有幻灯片。使
  content
  div
  overflow-x:隐藏；溢出y：自动

• 如果你想“抓拍”每张幻灯片，你必须通过javascript和可能的某种框架，jQuery有一个扩展，它提供了我经常使用的鼠标轮监听器，但是你想使用哪一个取决于你

---

基本上这是最重要的步骤，看看这个例子，你能给我们看看你的代码吗？请创建一个使用html和css的应用程序。当然！等一下，让我想一想如何快速做到这一点看看这个网站：或者这个（fullPage.js+bootstrap3）：我不明白为什么人们会投票反对这个，这是一个有效的方法question@AdamP. 我还没有学会如何在代码中实现js。你知道有什么方法可以只用css和html来实现吗？谢谢你的指点！我不明白为什么会有人投票反对这个方案，或者“完整”解决方案和这个方案之间的区别。我完全按照你的思路，但是，如果你不介意我问的话，宽度和高度是否会100%地让内容占据他们所需要的空间，不多不少？因此，在这种情况下，是否不可能在更大的屏幕上显示全屏幻灯片，因为例如3个段落不会构成一个完整的屏幕，所以它仍然看起来像我在上面看到的一样？还有，overflow-x和-y在这里做什么？哦，再一次，请原谅我的胸部问题，我上个月才开始编写代码，所以我很烂lol我问了很多问题，因为我只是想了解为什么这里是怎样的，

身高：100%

表示div将采用其父级的高度，在本例中为

内容

，这正是屏幕高度，因为其父级为

主体

，我们告诉它为

100%

高度（我认为这不是必需的，只是为了确保），因此幻灯片的宽度将是您的屏幕宽度，与高度相同，无论它包含多少内容，

overflow-x

表示“我应该如何处理在x方向超过divs界限的内容”，它可以是

auto

：必要时制作滚动条，

hidden

：根本不显示重叠内容或

scroll

：制作滚动条，无论任何内容是否重叠，与溢出y相同