Task7 总结

1-header部分

logo部分原思路

<div><img src="">新世界</div>

• div 绝对定位垂直居中于header块，img绝对定位垂直居中于div块。
• 文字部分采用 line-height（与行高相等后居中）; text-indent调整位置。

logo部分他人思路

<div><h1>新世界</h1></div>

• logo背景图片采用background: url( ) no-repeat left;调整大小采用 background-size: 23%/; 背景图片自动垂直居中于div。
• 文字部分采用 line-height（与行高相等后居中）; text-indent调整位置。
• h1部分要注意设置margin: 0才能垂直居中于div块，因为h1本身有间距。