转行前端自我学习记录——freecodecamp项目实践小结

这周花了大部分时间来做freecodecamp（fcc）里面的两个项目，都是比较初级的，主要是静态页面设计，做完发现一个真理：书到用时方恨少，零散的知识点想要串起来，需要大量的实践及经验，就如同武侠小说里的武林秘籍，零散的招式学会了，依然成不了天下第一，只有融汇贯通，达到无招方是境界。做完两个页面，得到几点之前没怎么掌握的知识点：

1、字体粗细的属性font-size，可以用具体数字表示属性值，700是系统默认的字体大小。

2、块元素的外边距值会溢出父元素的边框：如下在Chrome浏览器console控制台能看到段落是有下外边距的，但是段落依然是贴着父元素的底部，并没有应有的距离，此时如果把父元素加上边框border，则正常，或者父元素应有overflow：hidden属性。

图中段落紧贴着父元素底部（灰色边界），设置overflow属性之后正常显示外边距。（内边距不受影响）