logo~demo

• （1）logo里面放一个h1标签，–>为了提权
• （2）h1里面放一个a标签，返回首页，给链接一个大小和logo背景图片一样的
• （3）链接里面放文字，但是不要显示出来（后面补充让文字不显示的方法）
• （4）最后给链接一个title属性，让鼠标放到logo上时会显示文字

京东的logo写法

//html结构
<div class="logo">
    <h1>
         <a href="index.html">京东</a>
    </h1>
</div>
//CSS样式
.logo a{
	display:block;
	width:175px;
	height:56px;
	//这里我用的是本地加载图片
	background:url(../image/logo.png);
	text-indent:-9999px;
	overflow:hidden;
}

让文字不显示方法

• 方法1：

			text-indent:-9999px;
			overflow:hidden;

• 方法2：

			font-size:0;