发表于: 2019-09-02 23:31:04
1 846
今天完成的事情:学习了bootstrap里的轮播图;任务8的第一个页面都还没做完。bootstrap倒是随着使用的多了开始熟练和思考起来;
轮播图到是不太理解;
明天要完成的事:继续任务8和轮播图;以及bootstrap的使用
难题:刚开始就卡在轮播图的上面宽度和动画设的不对,一开始打算拿个显示容器在里面加一个图片容器然后用margin:-left写个轮播图;
结果对bootstrap的padding不熟悉;结果宽度卡了老半天;宽度当时设的也不对;300%加overflex:hidden,结果图片宽度没法设;
轮播图到是有了动画有了没图片。
师兄指点我直接拿bootstrap的轮播图插件去做;我的插件库引用错了结果卡了一下午;师兄调试了;才知道引用的不是link我的天;
把轮播图解决下一个轮播图还好一点;但是轮播图里的h1;没法用text-align:center;只好用padding撑开。
收获:今天收获挺多的
轮播图的熟练使用;原理不是很懂。会操作了
bootstrap的栅格系统md部分理解了;xs和ms还没怎莫用;
后面写底部时用到了序列,轮播图时也用了;了解了不少
这是笔记:
可以发现在有序列表中默认的type类型是数字,而且是从1开始的。它有两个属性:type、start。
type:有五个属性值:1、a、A、i、I(罗马数字),表示列表前缀的格式;
start:属性值位数字,表示从type类型的第几个数字开始,有点绕,比如当你选的type=“a”,start=“3”,表示选择的是小写字母类型,从第三个字母c开始充当列表前缀。
无序列表默认的前缀样式是实心圆其实是disc,
ul标签中的属性是type,type属性值有disc(实心圆默认)、circle(空心圆)、square(实心正方形)、none(取消前缀)
写bootstrap时在里面穿插了很多flex的布局;
倒是flex进步挺大的
今天就不给链接了,写的太差了;
明天要振作啊。
评论