看完一整本书，结果写不出什么东西，按书上教程来，基本能把例子完成个七七八八，可是用padding还是margin完全整不清……，而且只要结构一复杂，元素就各种不受控制。

没办法 找来韩顺平老师的视频（没错，就是在网上不知道怎么搞来的）

看完老师讲完整个html&CSS部分2，终于把这个内容吃透了。

韩顺平老师讲课最后一个用例就是还原搜狐门户网站的首页HTML和css部分，虽然视频中他的是n年前的网站页面，蛋根本不妨碍我完成完成现在版本的搜狐页面 。

 第一次看完视频，写的乱七八糟，很多东西摆不到应有的地方，没办法，在浏览器按f12键，查看人家的源代码，发现很多东西用了ul和li的组合插入文字，图片，而是原来HTML和css组合也没这么难，大神的代码实现也是很平凡很淡。

很多收获记手机上，回头整理发这里。

我做出来的效果图是这样的：

代码如下：

css（html文件和css文件放同一个目录层下）：

 脑袋要炸了，继续完善！