发表于： 2019-05-07 14:50:17
2 962
一、今天完成的事情
1.修改任务5，设置padding-bottom使背景图等比例缩放（也可设置vw，但可能存在兼容问题）；
2.了解什么是雪碧图（css sprites）：将小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分；
3.参阅官网文档，初识boostrap含义及用法；
4.栅格布局：添加col-xs-4，使栏均分为3份；
5.使用伪元素插入雪碧图；
6.设置溢出文本显示省略号；
7.复习：
①position定位（absolute绝对定位，是相对于最近的且不是static定位的父元素来定位；relative相对定位，是相对于其原本的位置来定位的）；
②display的inline、block、inline-block属性值。
8.下拉框默认z-index为1000，设置header z-index: 2000，使其堆叠在前面。
二、明天计划的事情
巩固之前所学知识。
三、遇到的问题
1.header如果使用按钮组，则两个按钮无法呈现边缘重叠效果。
解决方法：拆分成2个独立按钮，分别设置样式。
2.使用调试工具，发现调用css很多命令失效，修改下拉栏样式没反应。
解决方法：调用对应版本的样式表。
四、收获
使用bootstrap布局要引入正确文件。
返回列表
评论