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

页面：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实现的，不用通过图片，这样也比较好控制。