Logo的制作

<!--logo 部分-->
            <div class="logo">
                <h1>
                    <a href="#" title="微标">微标</a>
                </h1>
            </div>

在编辑html时，标准的格式应为：div>h1>a。

/*logo 部分*/
.logo {
    width: 195px;
    height: 42px;
    float: left;
}
.logo a {
    display: block;
    width: 195px;
    height: 42px;
    background: url(../img/logo.png) no-repeat;
    text-indent: -999px;/*隐藏链接里面的文字*/
    overflow: hidden;/*这句话加上想必也是极好的*/
}

1.将logo图片设置为背景图片；2.text-indext属性隐藏链接中的文字；3.overflow属性将溢出的内容剪切。

释：用以上结构，方便搜索时定位到此网页。

转载于:https://www.cnblogs.com/hjy180708/p/9280577.html