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属性将溢出的内容剪切。
释:用以上结构,方便搜索时定位到此网页。