时间：2024-02-13 00:45:02 | 来源：网站运营
时间：2024-02-13 00:45:02 来源：网站运营
网页设计怎么做啊，从哪里入手呢。宽、高、分辨率、像素该怎么设置呢！毕业设计！！！快帮我～?：一般来说网页需要按照1024分辨率为最低标准来设计和布局，即宽度小于等于1024px，但在当下宽屏、响应式盛行，并不需要去严格按照某一尺寸去写页面，我们可以将1920×1080px做为主流屏幕分辨率来适配，网页宽度在950~1400px左右均可，高度不限制...
在线咨询
<!doctype html><html><head><meta charset="utf-8"><title>INDEX</title><style type="text/css">body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}.top { height: 120px; width: 1200px; margin-right: auto; margin-left: auto; font-family: "微软雅黑"; font-size: 37px; line-height: 120px; color: #666; text-indent: 35px; background-color: #f2f2f2; font-weight: bold;}.bar { background-color: #cccccc; height: 52px; width: 1200px; margin-right: auto; margin-left: auto;}.bar .menu { float: left; height: 53px; width: 150px; font-family: "微软雅黑"; font-size: 16px; line-height: 53px; font-weight: bold; color: #000; text-align: center; margin-left: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #dedede;}a:link { color: #000; text-decoration: none;}a:visited { text-decoration: none; color: #000;}a:hover { text-decoration: none; color: #F60;}a:active { text-decoration: none;}.content-all { height: 652px; width: 1200px; margin-right: auto; margin-left: auto; margin-top: 20px; font-family: "微软雅黑"; font-size: 16px;}.footer { background-color: #CCC; height: 50px; width: 1200px; margin-top: 30px; margin-right: auto; margin-left: auto; font-family: "微软雅黑"; font-size: 16px; line-height: 50px; color: #000; text-align: center;}.content-all .left { height: 650px; width: 260px; border: 1px solid #d2d2d2; float: left; background-color: #dbdbdb;}.content-all .middle { height: 650px; width: 573px; border: 1px solid #d2d2d2; float: left; margin-left: 50px; background-color: #FFF;}.content-all .right { height: 650px; width: 260px; border: 1px solid #d2d2d2; float: left; margin-left: 50px; background-color: #e8e8e8;}.banquan { height: 36px; width: 1000px; margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #f2f2f2; background-image: url(http://cdn.psdhtml.cn/lxidw7.svg); background-color: #FFF; margin-top: 30px;}</style></head><body><div class="top">此处为标题栏</div><div class="bar"> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">首页</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">推荐</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">新闻</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">图库</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">关于</a></div> <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">更多</a></div></div><div class="content-all"> <div class="left"> 三列布局-左侧</div> <div class="middle"> 三列布局-中部</div> <div class="right"> 三列布局-右侧</div></div><div class="footer">版权信息栏</div><div class="banquan"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?ym" target="_blank"><img src="http://cdn.psdhtml.cn/lxidw7.svg" width="1000"></a></div></body></html>关键词：分辨,毕业,设置,入手,设计
