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本身有间距。