发表于： 2019-04-30 21:43:28
1 722
今天完成的事情：
1，完成了第一个页面的导航栏和轮播图的书写，理解了各种属性的意思。
2，display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
3，三个盒子垂直方向居中对齐，可以用d-flex align-items-center，用col-12 col-md-6 col-lg-3增加断点，使其在屏幕大于768px时变成两列，大于992px时变成四列
明天要做的事情：继续完成任务八第一页，想想下面的轮播图该怎么实现
遇到的问题：暂无
收获：对响应式布局理解更深刻
返回列表
评论