头部广告相对来说比较简单，但是过程中也发现了很多问题，过程相当坎坷。最终效果图：

首先说他的框架，一个div包括：左边是一张带链接的图片，右面是ul排布的一个个小模块。在div上清除浮动，以及居中排布，在div的父级元素上设置背景色。在li里面，首先会考虑到a标签下进行嵌套，但是a标签是一个内联元素，尽量不要进行嵌套，里面左边文字是一个部分设置为div,但是这样对于搜索引擎爬虫不友好，因为公司一般会进行seo。故最终选择

h标签的应用场景不同，h1标签的权重最大，他一般用于文章页面，新闻页面的标题，或者普通页面的log图片，进行以图换字，可以看我的文字溢出文章
https://blog.csdn.net/weixin_43704007/article/details/104535885
h2用于副标题，例如淘宝网给了 主题市场。。。
h3用于模块标题，例如淘宝网的 有好货。。。
h4用于模块中的小标题。。。
了解emmet语法可以提高你的编译速度，有插件支持！
重要的事说三遍：
base标签的href不要随便使用！
base标签的href不要随便使用！
base标签的href不要随便使用！
html代码：

再说他的css代码：
1）background-image与background是有区别的，background-image后面只能跟图片路径，需要另外设置background-repeat和background-size，而background是一个复合写法，后面可以跟url，no-repeat，位置等。
2）background-image只有父级设置了宽高，图片才会显示出来，而且background-size如果没有设置的话会显示默认宽高，如果只设置了一个值，另外一个值会随着图片大小比例自动调整。
3）li有浮动ul有浮动在div上清除浮动即可！
4）

5）padding margin 第一个子元素传递的问题bfc元素
css代码：