发表于: 2018-05-23 22:47:32

1 820


今天完成的事情:完成了任务14页面一、二;

明天计划:完成页面三,做轮播图;

今天的收获和遇到的问题:





如果在媒体查询里面设置transition:all 1s;  但是随着屏幕变化的时候会把隐藏的菜单栏也显现出来!如果设置在初始里面的话就不会受到影响!什么原因??




序列3因为文字长度不够,所以不能和其他元素一样对齐,每一行是由<span><span><i>组成的,之前的解决办法也可以,就是把两个span包裹在一起,然后对父元素使用flex-space-between;使之两端对齐;但是这次不想这么操作,就给中间的文字设置了margin-auto,结果像第二张图,空白的部分由文字的左右margin撑起来的,但是也把自身的位置给改变了。既然margin-auto是会影响左右margin,那设置margin-right呢?果然,小三角形被撑到右边去了,这就和其他的元素对齐了!这个方法之前都没有试过,看来善用margin,能解决三栏布局的一些问题!





父元素使用flex后为什么会整个崩掉呢?因为没有用设置flex-wrap;

选中土豆网hover效果应用到下面的元素上去了??因为用了+相邻兄弟选择器,取消后就没问题了;



字体垂直居中后不能并排显示;



返回列表 返回列表
评论

    分享到