GA-W3- Trulia实验室项目 任务是按照模型jpg所示构建页面。 特鲁里亚。 大体时间 GA兼读课程的第3周有5个小时。 目标 确定需要使用flexbox的位置。 创建弹性容器。 对齐并对齐内部元素。 样式可重复使用的组件,例如。 按钮,带有背景图像的位置项目。 技术领域 HTML CSS 弹性盒 响应式设计 方法 我是通过首先编写线框图并辅以树形图草图来完成此任务的,这使我可以将布局分为水平行和垂直列,并确定需要样式的类。 接下来转到HTML,使用语义标记标记页面,并添加类以标记我需要设置样式的每个元素。 第三步是CSS,我开始设置更广泛的通用样式。 颜色,字体。 接下