百度前端学院 2016 年春季班 task01 —— 使用原生 HTML 及 CSS 模仿报纸排版
#任务目标
- 深入掌握CSS中的字体、背景、颜色等属性的设置
- 进一步练习CSS布局
#任务描述
- 参考 PDS设计稿(点击下载),实现页面开发,要求实现效果与样例(点击查看) 基本一致
- 页面中的各字体大小,内外边距等可参看标注图(点击查看)
- 页面宽度固定(定宽)
#任务注意事项
- 只需要完成HTML,CSS代码编写,不需要写JavaScript
- 设计稿中的图片、文案均可自行设定
- 在Chrome中完美实现符合标注中的各项说明
- 有能力的同学可以尝试跨浏览器的兼容性
- 有能力的同学可以在实现一遍后尝试用less, sass或者stylus等再实现一次
#总结
- 完成时间:2016.4.7
- 学习了:报纸版布局,各类文字的排列与布局方式,字体及文字大小选择
- 实现了:一个模仿报纸的布局网页设计
- DEMO:地址
#联系我
- Email: xal2008sc@gmail.com
- Phone: 18702186295
- QQ: 821792703