发表于: 2021-04-21 23:56:55
1 1314
今天完成的事情:
原本打算使用button做出来,但是在添加媒体查询的时候还得在做一个响应式的导航按钮,就比较麻烦,而且代码较多
直接使用bootstrap的响应式导航栏来布局
跟任务八的导航栏差不多,
使用伪类focus把导航按钮呈现出选择中的状态
到第二部分
打算使用一个两个div来做横线,中间放div做成圆形
发现这样做比较啰嗦,比较费代码
我想改成一条线,直接把圆圈定位上去就好了
发现伪类 focus 直接作用在div上没有效果
先给他添加媒体查询,
先把头部做完
不同分辨率屏幕下的效果
明天计划的事情:继续任务10
遇到的问题:发现伪类 focus 直接作用在div上没有效果
收获:伪类focus的初步应用
评论