2020年12月29日 一阶段项目总结

一阶段项目要求：

《剑侠情缘》游戏网站里的5个页面：

 

 设计难点：

让页面适应缩放

资料片页各种效果、以及各个轮播图的逻辑实现

多处导航子单个子块的制作

使用css类选择器提升效率

网页截图：

 

 

 

 制作心得：

2020 12 17：
发现悬浮显示div时，鼠标移到div中的子div时，也算mouseout。
看了原网页的源码，发现他们不是用的div，是用的iframe，于是准备用iframe试试
2020 12 23:
发现可以使用class属性设置交互页面动画

2020 12 24：
制作超链接时，可以使用js和location对象来实现，这样就不用非得用a标签包裹元素，影响dom关系了
2020 12 27:
结合align center和lineheight（lineheight设置为div高度）可以快速设置文字在div中居中
css里background，如果background-size等设置背景属性的属性在background之前，那么就会没有效果