格式布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #d1{ width:0px; height:0px; border:200px solid #F00; border-bottom:200px solid #93F; border-left:200px solid #F39; border-top:200px solid #0CF; border-right:200px solid #F00;} #u1{ list-style:none; list-style-image:url(%E5%9B%BE%E7%89%87/e5d9f63c41b2f001ec75a1ee2eb76cd4.jpg-310x310.jpg)} #d2{ width:200px; height:200px; background-color:#03F; position: relative; top:100px; left:50px;} .list{ float:right; width:300px; height:300px;} #men{ width:900px; height:50px; text-align:center; vertical-align:middle; line-height:50px; background-color:#F00; margin-left:10px;} #d3{ width:300px; height:50px; background-color:#F09;} #d4{ width:300px; height:100px; background-color:#00F; position:absolute; z-index:3;} #d5{ width:200px; height:100px; background-color:#F00; position:absolute; z-index:4;} #d6{ width:100px; height:100px; background-color:#666; display:none;} #s1{ width:100px; height:100px; background-color:#90F; display: inline-block;} #dd{ width:100px; height:100px; background-color:#066; visibility:inherit;} #77{ width:100px; height:100px; overflow:scroll;} </style> </head> <body> <div id="d1"></div> <div id="u1"> <li>山东</li> <li>淄博</li> <li>汉企</li> <li>天启</li> <li>公司</li> </div> <div id="d2"> </div> <div class="list"> <img src="图片/42381447180350623.jpg" /> <img src="图片/42381447180350623.jpg" /> <img src="图片/42381447180350623.jpg" /> <img src="图片/42381447180350623.jpg" /> <img src="图片/42381447180350623.jpg" /> <img src="图片/42381447180350623.jpg" /> </div> <div id="men"> <div class="list">我</div> <div class="list">我</div> <div class="list">我</div> <div class="list">我</div> <div class="list">我</div> </div> <div style="clear:both"></div> <div id="d3">网络公司</div> <div id="d4"></div> <div id="d5"></div> <div id="d6"></div> <span id="s1"></span> <div id="dd"></div> <div id="77">非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉非一般的感觉</div> </body> </html>
今天学的内容有点混乱,需要整理,打完的代码也有点乱了!!后期要整理代码!几天下来认识了比较多的代码格式和英文。
position()