完成百度前端技术学院任务七:实现常见的技术产品官网的页面架构及样式布局

页面:https://finderczc.github.io/Demo/demo/%E7%99%BE%E5%BA%A6test7/

github: https://github.com/finderCZC/Demo/blob/master/demo/%E7%99%BE%E5%BA%A6test7/index.html

用了一天的时间的时间从切图到完成整个页面效果。因为追求尽量像素的还原,所以用了比较久时间。

这次练习虽然没有什么大的难度,但是也算是完整地实现了整个页面。

对于HTML语义化和结构和CSS整体和局部页面布局有了进一步的了解。

这次练习有重复的单元我尽量尝试不同的布局方法,比如图片上的文字实现和多段文字的排列布局。

发现如果html代码结构稳健,CSS代码写全面,比如重置浏览器表现不一的样式和及时清除浮动等,页面的兼容性问题还是比较少的。

学习了一些小技巧,CSS实现三角、圆形控件、下划线等,有一些小的控件是可以通过CSS实现的,不用通过图片,这样也比较好控制。

 

posted @ 2017-03-22 00:52  陈泽创  阅读(314)  评论(0编辑  收藏  举报