学习web前端的第四天

学习总结

1.块与块之间的距离要把握好，并且要算上边框的距离。

2.鼠标滑过前代码：

#globallink{
	margin:0px; padding:0px;
}

#globallink ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#globallink li{
	float:left; 
	text-align:center;
	width:78px;	
}

#globallink a{
	display:block;
	padding:9px 6px 11px 6px;
	background:url("images/button1.jpg") no-repeat;
	margin:0px;
}

#globallink a:link, #globallink a:visited{
	color:#004a87;
	text-decoration:underline;
}

3.鼠标滑过时的代码

 #globallink a:hover{
    	color:#FFFFFF;
    	text-decoration:none;
    	background:url("images/button1_bg.jpg") no-repeat;
    }

.4.划过图片提示属性：
title=“新疆魔鬼城”

5.图片分两层时并且使用css浮动时将第一层图片使用div并且留下充足的距离。

  <div class="#">	<img src="#f" align="left"/></div>
			<div>	
			<img src="img/beauty1.jpg"  />
			<img src="img/beauty2.jpg"/>
			<img src="img/beauty3.jpg" />
			<img src="img/beauty4.jpg" />
			
			</div>