发表于: 2021-03-03 20:34:30
1 1028
今天完成的事情:学会了盒子模型,和float浮动。九宫格的组合
明天计划的事情:完善任务一并提交,和学习任务二。
遇到的问题:不了解盒子模型的内容(content)、内边距(padding)、边框(border)、外边距(margin)!还有元素的高度和宽度的计算。
收获:
学会了: Margin(外边距) - 清除边框外的区域,外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域,内边距是透明的。
Content(内容) - 盒子的内容,显示文本和图像。
元素的宽度=内容宽度+(左+右外边距填充)+(左+右边框)+(左+右边距)
元素的高度=内容高度+(顶部+底部外边距填充)+(上+下边框)+(上+下边距)
九宫格的基本组合和它的尺寸布局计算,以及九宫格的呈现
评论