当前位置: 代码迷 >> 综合 >> day5-6制作三种简历
  详细解决方案

day5-6制作三种简历

热度:93   发布时间:2023-12-12 03:57:32.0

2020年10月17-18日 和19日早上、下午

第五天和第六天 三种简历

学习总用时:7小时

盒模型

设置box-sizing: border-box;后,width=width+2*padding+2*border
Content box(): 这个区域是用来显示内容,大小可以通过设置 width 和 height.
Padding box(内边距): 包围在内容区域外部的空白区域; 大小通过 padding 相关属性设置。
Border box(边框): 边框盒包裹内容和内边距。大小通过 border 相关属性设置。
Margin box(外边距): 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过 margin 相关属性设置。
[强制] 对于无需自闭合的标签,不允许自闭合。(我直接疑惑,在W3C里告诉我用br的时候最好自闭合,结果看标准说不能这样。我按标准来吧!)
这次作业在做简历三的时候,遇到了一个问题,就是我的简历他就是不能按照我的想法来。后来发现是因为h2元素自带的margin不为零。这个关键的问题我找了很久。我的问题是,一直没有正确的解决问题的思路。发现格式是乱的,就应该从margin,padding这几个元素中寻找问题,然后再注意默认值即可。这样可以节省很多不必要浪费的时间。不过总算是完成了,爽了。我发现遇到困难的时候越难受,解决困难的时候就越happy,芜湖!
注意:非浮动元素的外边距不能用于它们和浮动元素之间来创建空间