【电商2】header logo

• logo中不显示字的2种方法

• header需要加类名header

• logo中a中的内容

• 块级元素宽度的继承性

html

    <header class="header w">     <!-- 需要加类名header-->
        <div class="logo">
            <h1><!--提高SEO权重-->
                <a href="index.html" title="品优购商城">品优购商城</a><!--字放a的中间，inde哦-->
            </h1>
        </div>
    </header>

common.css

/* logo模块 */

.header {
    position: relative;
}

.header .logo {
    position: absolute;
    top: 25px;
     171px;
    height: 61px;
}

.header .logo a {
    display: block;
    /* 块级元素宽度继承 */
    /*  171px; */
    height: 61px;
    background: url(../images/logo.png) no-repeat;
    /* 文字不显示 */
    /* 方法一font-size: 0; */
    text-indent: -9999px;
    overflow: hidden;
}