发表于: 2019-06-19 22:16:00

1 776


     今天开始进行任务六,首先查看了学习任务时需要新学习的知识点,第一个是任务上的需要使用bootstrap,第二个是CSS Sprite雪碧图的制作和使用,第三个是html元素里的下拉框,第四个是使主体部分在列表头和foot之间,超出后有滚动条,第五个是需要中间的表格垂直居中,屏幕过窄时让左边信息出现省略号。

       首先去百度了雪碧图,然后用ps切图,再用CSS Sprites Generator进行合成,左侧会出现css的图标位置代码,右侧则是出现合成的雪碧图。

       然后去回顾了html里的下拉列表标签select

     然后又把昨天的css规范化看了一下,重点学习了其中的BFC,知道了BFC是块格式上下文,也就是有个盒子是一个块元素,能够使自己盒子内和外部完全隔绝,外部无法影响到内部,内部也无法影响外部,而能够成为BFC,需要满足下面其中一点

BFC 的原理,其实也就是 BFC 的渲染规则,包括:

1.BFC 里面的元素,在垂直方向,边距会发生重叠。

2.BFC在页面中是独立的容器,外面的元素不会影响里面的元素,反之亦然。

3.BFC区域不与旁边的float box区域重叠。(可以用来清除浮动带来的影响)。

4。计算BFC的高度时,浮动的子元素也参与计算。

因此可以根据BFC的原理来进行1.-解决margin的重叠。2.可以用来清除浮动。3.可以让BFC内部浮动的元素撑开父元素,给父元素增加高度。

     然后去学习了怎么使用bootstrap,这个软件下载后看教程是说可以直接使用现成的css和js插件,下载后发现css很多,不知道该怎么使用,而html模板也是很长,只能用来参照,真正使用的话还需要学习,明天准备把这个bootstarp弄明白怎么套用。然后继续进行任务六。




返回列表 返回列表
评论

    分享到