发表于: 2021-03-03 20:34:30

1 1028


今天完成的事情:学会了盒子模型,和float浮动。九宫格的组合
明天计划的事情:完善任务一并提交,和学习任务二。
遇到的问题:不了解盒子模型的内容(content)、内边距(padding)、边框(border)、外边距(margin)!还有元素的高度和宽度的计算。
收获:

学会了:  Margin(外边距) - 清除边框外的区域,外边距是透明的。

                 Border(边框) - 围绕在内边距和内容外的边框。

                 Padding(内边距) - 清除内容周围的区域,内边距是透明的。
                 Content(内容) - 盒子的内容,显示文本和图像。

                 元素的宽度=内容宽度+(左+右外边距填充)+(左+右边框)+(左+右边距)

                 元素的高度=内容高度+(顶部+底部外边距填充)+(上+下边框)+(上+下边距)

                 九宫格的基本组合和它的尺寸布局计算,以及九宫格的呈现



返回列表 返回列表
评论

    分享到