Recent Learning point style sheet, there was a very bad CSS friend to me this code, look pretty good, thought really good! Leave a souvenir!
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
<meta http-equiv= " Content-type "content=" text/html; charset=gb2312 "/>
<title> Untitled document </TITLE>
<style type=" text/css "
*{margin:0; padding : 0;}
html,body{width:100%; height:100%; overflow:auto; position:relative;}
. container{width:100%; height:100%; overflow:auto;}
. bg{background: #000000; opacity:0.5; Filter:alpha (opacity=50); position:absolute; z-index:1; overflow:auto; width:100%; height:100%; left:0; top:0;}
. box{position:absolute; left:50% top:50%; width:300px; z-index:11; height:300px; line-height:300px; color: #f60; Font-weight:bold; font-size:20px;}
. info{position:absolute; left:-50%; top:-50%; z-index:10; width:300px; height:300px; text-align:center; border : 1px solid #f00; Background: #fff;}
</style>
≪/head>
<body>
<div class= "Container" >
<script type= "Text/javascript" >
for (Var i=0;i<150;i++) {
document.write (' <center> vigorously develop and build butterflies and bees are in love with development simply said the development manager of the sax weight loss can be appropriate bonus points </center> ');
}
</script>
</div>
<div class= "BG" ></div>
<div class= "box" ><div class= "info" > I won't move </div></div>
</body>