本文详细讲述了项目开发中的关键技术点，包括CSS选择器优先级、布局技巧（如div+cssSEO）、浮动与定位、滑动门、动画效果以及计算盒子尺寸。重点讨论了鼠标事件触发的侧边导航展开动画、产品块浮动效果和盒子布局的难点，如处理margin和动画过渡。
项目要点技术：
所用标签：div、a、ul、li、img、i、p、span
CSS样式：选择器优先级、浮动与定位、滑动门、过渡与动画、盒子大小的计算、字体图标
项目布局选择：div+css 为了更好的搜索引擎优化(SEO)
总体效果：
细节效果：
鼠标移到下载App下面显示一张二维码
鼠标移到白色导航栏上的某个显示具体产品框，并有一种逐渐展开和收起的动画效果
鼠标移到侧边导航框也会显示具体产品
鼠标移到具体产品块上有浮动效果
重点和难点：盒子的布局，排列，盒子长宽的计算，还要考虑margin，动画过渡效果
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
