发表于： 2019-05-06 22:29:18
1 821
今天完成的任务：
1、完成了导航下拉菜单的制作。使用雪碧图完成三角形的定位。
2、去掉默认下划效果｛text-decoration:none;｝。定义文本下的一条线属性值：underline，定义穿过文本的一条线属性值：line-through。去掉ul，li前面实心和圆空心圆、实心方块等用list-style：none，也可以取值于前面的标记。
3、二级菜单显示与隐藏
鼠标悬浮在有二级菜单的一级菜单选项时，才会出现二级菜单，所以在鼠标不悬浮的情况下，想要把二级隐藏起来标签属性｛display：none｝相反 标签属性｛display：block｝为显示。
遇到的困难：布局导航下拉框的时候，结构混乱，后来减去了几个块元素，再css样式化得到了解决，使用雪碧图定位的时候放大后无法和pc端相对应，后来把packground-size属性值改成auto自适应，然后定位用百分比做单位得到了想要的效果。
明天计划的事情：1、继续以下列表布局。2、完善好前面需要修补的个别没有布局好的地方
收获 ： 对：hover和雪碧图加强了印象
返回列表
评论