                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS3+JS 實現(xiàn)超炫的散列畫廊特效

個人把HTML代碼改了一下，不知老師可否看下，感覺更加簡單，各位同學也可以看看

<!DOCTYPE?html>
<html>
	<head>
		<title>顯示周幾</title>
		<meta?charset="utf-8"?/>

		<style?type="text/css">

			*{
				margin:?0;padding:?0;
			}
			body{
				font-family:?"Microsoft?Yahei";
				-webkit-font-smoothing:?antialiased;
				background:?#fff;
				color:?#555;
				font-size:?14px;
			}
			@font-face{
				font-family:?myFont;
				src:?url(../font/MyriadPro-Light.otf);
			}

			/*?舞臺背景?*/
			.wrap?{
				width:?100%;?height:?600px;
				background-color:?#333;
				position:?absolute;?top:?50%;
				margin-top:?-300px;
			}

			/*?photo?*/
			.photo?{
				/*?下面三種代碼都可，第三種可以隨意調(diào)整?padding?而不用擔心寬高?*/

				/*width:?260px;?height:?320px;*/
				/*float:?left;*/
				display:?inline-block;
			}

			/*?.side：用來調(diào)整內(nèi)邊距?*/
			.photo?.side?{
				background-color:?#eee;
				padding:?20px;
			}

			/*?圖片正面?*/
			.photo?.side_font?.image?{
				width:?220px;?height:?250px;
				overflow:?hidden;
			}
			.photo?.side_font?.image??img?{
				width:?100%;?
			}
			.photo?.side_font?.caption?{
				font-size:?16px;
				line-height:?50px;
				text-align:?center;
			}
			
			/*?圖片反面?*/
			.photo?.side_back?{
				display:?none;
			}
		</style>

		<script?type="text/javascript">
		</script>

	</head>

	<body>

		<!--?舞臺背景?-->
		<div?class="wrap">
			
			<!--?photo?-->
			<div?class="photo">
				<!--?圖片正面?-->
				<div?class="side?side_font">
					<p?class="image"><img?src="images/1-麥兜我和我媽媽.jpg"?alt="圖片"?/></p>
					<p?class="caption">麥兜我和我媽媽</p>
				</div>

				<!--?圖片背面?-->
				<div?class="side?side_back">
					<p?class="desc">描述信息</p>
				</div>
			</div>

		</div>

	</body>
</html>