发表于： 2019-06-20 22:32:22
1 847
今天开始写任务六，首先学习了如何使用bootstrap，按照我的理解就是下载官网上写好的模板css和js，然后在自己的html中添加引用的链接，再通过官网或者其他地方看到的css模板样式进行class：使用，优点是模板已经排好，可以像拼积木一样把想要的模板拿来用，然后再添加细节，可以节省很多重复的css样式设定，缺点是需要熟悉引用的样式的名称，而且在引用前还需要坚实的基础，知道自己设定css的话需要用哪些属性才能达到目的，不然可能会比自己写模板还慢，然后进行了任务六的代码编写，在这期间发现flex的flex-direction属性是把主轴方向改变，进而justify-content和align-items属性也要看好要用哪个，一个是改变主轴方向的排列，一个改变交叉轴方向。
在使用定位和flex时，发现会起冲突，后来师兄正好看到，就提示了这两个百度会有解决方法，可以将flex放在一个盒子上，外面套一个进行定位的盒子，就可以让两个不起冲突了。
在添加列表头时，发现bootstrap的网格结构很好用，先借用一下，做完任务再去看看是不是用flex达到的目的，将原理搞明白，今天把框架搭出来了，明天把雪碧图弄好再加进去，争取完善。
附图
返回列表
评论