大佬教程收集整理的这篇文章主要介绍了html5练习1,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <HTML> <HEAD> <titlE> New Document </titlE> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- initial-scale=2.0 将页面放大2倍 width=device-width 告诉浏览器页面的宽度应该等于设备宽度 maximum-scale=3最大放大3倍 minimum-scale=0.5最小缩小一半 user-scalable=no 禁止缩放 --> <Meta name="viewport" content="initial-scale=2.0,width=device-width" /> <style type="text/css"> #wrapper{ margin-right:auto; margin-left:auto; width:960px; } #header{ margin-right:10px; margin-left:10px; width:940px; BACkground-color:#779307; } #navigation ul li{ display:inline-block; *display:inline; } #sidebar{ margin-right:10px; margin-left:10px; float:left; BACkground-color:#fe9c00; width:220px; } #content{ margin-right:10px; margin-left:10px; float:right; width:700px; BACkground-color:#dedede; } #footer{ margin-left:10px; margin-right:10px; clear:both; BACkground-color:#663300; width:940px; } @media screen and (max-width:768pX){ #wrapper{ width:768px; } #header,#footer,#navigation{ width:768px; } #content,#sidebar{ padding-left:10px; padding-right:10px; width:728px; } } </style> <script type="text/javascript"></script> </HEAD> <BODY> <div id="wrapper"> <div id="header"> <div id="navigation"> <ul> <li><a href="#">首页</a></li> <li><a href="#">帮助</a></li> </ul> </div> </div> <!-- sidebar --> <div id="sidebar"> <p> here is the sidebar </p> </div> <!-- the content --> <div id="content" > <p> here is the content </p> </div> <div id="footer"> <p> here is the footer</p> </div> </div> </BODY> </HTML>
以上是大佬教程为你收集整理的html5练习1全部内容,希望文章能够帮你解决html5练习1所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。