任务六:通过HTML及CSS模拟报纸排版
任务目的
- 深入掌握CSS中的字体、背景、颜色等属性的设置
- 进一步练习CSS布局
任务描述
- 参考 PDS设计稿(点击下载),实现页面开发,要求实现效果与 样例(点击查看) 基本一致
页面中的各字体大小,内外边距等可参看 标注图(点击查看)
页面宽度固定(定宽)
详细任务要求请点击百度前端查看
感想
任务六是第一个进阶点,因为这里运用到的是前面所有学习到的内容,很多时候可能单单一个内容的点学起来是会的,但是运用配合起来就会出现各种状况,所以,这里是第一个进阶点,难度在于熟悉和运用,在做的时候遇到了很多的一些浮动排版问题,需要自己慢慢的一条条css的去验证看显示样式,所以还是需要好好的多做练习好好的熟悉好代码。
下面是练习的演示和代码
Demo:
百度前端任务六