发表于: 2018-11-30 18:27:54

2 824


今天的任务是九宫格。

快速过了一下HTML的标签和CSS,感觉主要考察盒子模型的知识

有用的之前没注意到的知识点:1. padding 属性 :  当该属性的值用%表示时, 是基于父元素的宽度的百分比 的内边距。

盒子长度是无法用百分比为值的,但宽度默认就是屏幕宽度为标准计算,因此设置里边9个小盒子padding值百分比,就刚好能完成一个长宽比相等的盒子,然后利用盒子的浮动将独占一行的盒子顶到同一行,依次排列成为一个九宫格。



返回列表 返回列表
评论

    分享到