发表于: 2017-03-16 22:21:18

0 753


今天完成的事情:

学习bootstrap栅格系统:

使用列偏移使得栅格网络进行位置上的移动:只有右移,通过在“col-xs-4”后添加“col-xs-offset-4”来实现,其中offset后的数字就是右移的列数,一般情况下列数和不得超过12,否则会出现列断行,就是会在下一行出现。

可以把栅格系统理解为已经编辑好基础规则的盒子,直接拿盒子来填充页面,只需要微调,省去自己手动设定每一个盒子属性的麻烦。

首页下面的小圆点可以设定他们为行内块状元素“inline-block”设定他们的宽、高和圆角。

刚好今天小课堂时提到的“hover”属性可以设定圆点原点在鼠标移动上去时的变化。

学习使用CSS写三角形:

是通过对border属性的应用,在盒子内容的宽、高远远小于边框时盒子发生形变,通过设定border上下左右的边框值得出我们想要的朝向的三角形。

学习text-overflow属性:当设定值为“ellipsis”时溢出的文本内容将显示为省略号;一般跟white-space属性一起使用,先用white-space设定“nowrap”使文本不换行,然后设“ellipsis”使不换行的文字显示为省略号。

写完任务七第一个页面,尚未调试。

明天要做的事情:

调试第一个页面,开始写第二个页面。

遇到的问题:

慢慢有了之后发现栅格系统确实好用,不过整个bootstrap系统总给人一种不踏实的感觉,因为并不懂的它到底是按照什么原理运行的,自己写不出这种效果。

收获:

稳步前进,熟悉代码。


返回列表 返回列表
评论

    分享到