发表于： 2019-06-06 23:42:02
1 740
今天完成的事：
复习了前几个任务的知识点，对边框，定位，浮动的运用更熟练了，运用起来速度更快。
使用<header> 标签定义页面头部，
使用<main> 标签规定文档的主要内容。
使用<footer> 标签定义文档或者文档的一部分区域的页脚。
对html结构语义化使程序可读性更强
对页尾使用Flex 弹性布局让页尾两个框随页面一起收缩
明天计划：
添加中间部分内容
布局中间内容
学习《CSS代码规范》
遇到的问题：
背景图一开始用的图片插入布局跟任务布局相差很大，后来经师兄提点使用了css背景图片布局
background-image 属性描述了元素的背景图像.
收获：
了解了flex布局，能进行弹性布局的使用
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为 Flex 布局。
返回列表
评论