发表于: 2019-09-02 23:31:04

1 845


今天完成的事情:学习了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进步挺大的

今天就不给链接了,写的太差了;

明天要振作啊。


返回列表 返回列表
评论

    分享到