学习web前端——对简单网页的制作

这是头条上写的第三篇关于web前端的文章,今天主要的内容是对下面这个简单页面的仿制.废话不多说,现在就开始吧!
首先的思路是对图片上的块状区域进行划分
图片中的内容可分为三部分 picture(图片),header(加入我们及其下方黑体字部分),主题(文案创意到最后的结尾)
发生意外,下文没有对齐,妈蛋,气死我了,经检查发现,下文的p块在all外面
删除了一个资深文案处的一个p标签,大功告成
成果
花费了一下午,看着成果心里美滋滋,下午吃饭小编得加一个鸡腿~~