admin 管理员组

文章数量: 1184232

运用HTML+CSS+JS制作苹果官网首页

上次例会所留任务是用上HTML+CSS+JS做一个网页。内容自定。
我想的是做一个苹果官网首页的网页。
大概是这样的：苹果官网首页
我所做的和它相差不多
不同主要表现在这几个方面:
1.点击进入网页，添加了宣传片的视频，并以苹果的logo作为背景填充
2.动画方面我加入了苹果logo的横向动态。
3.页面最下方加入了JS选项卡 参考苹果的各机型

遇到的问题

1.导航栏居中的问题：开始以为是文字居中就可以 但并不是，需要用到.shang ul{display: inline-flex;}
2.链接的样式设置：去除下划线.a{text-decoration:none}
3.如图：这是没有进行改动的，多个div不在同一行
添加这样一句代码：display:inline-block;后：
4.添加苹果logo动画：一开始添加的时候只设置了开始和结束时的代码，因为我想让他无序的动

.div1{

本文标签： 首页 官网 苹果 简单 HTML

版权声明：本文标题：运用HTML+CSS+JS简单制作苹果官网首页 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1766538775a3467968.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。