发表于: 2019-10-20 21:43:59
1 1063
今天完成的事情:
根据任务6要求搭建自适应页面,尝试运用flex布局完成垂直居中。
Header和footer部分用position固定位置。页面的垂直居中大部分用flex完成,少部分运用line-height。
用雪碧图定位的方式插入小图标。
按钮用hover做了简单交互效果。
下拉菜单也由hover实现。
搭建好下拉菜单样式后,将元素display属性设置为none。再由hover激活更改display属性为block。由此实现下拉菜单。
溢出文字用..代替。
明天计划的事情:
细读css编码规范。
大概了解bootstrap。
开始任务7一步一步走。
遇到的问题:
雪碧图初次制作没有拉参考线版式,选择依次排列,定位的时候发现需要再次计算非常不便,第二次选择建立整十的参考线版式。
收获:
文本溢出用…代替
用hover实现下拉菜单
评论