网站项目参考代码.docxVIP

下载本文档

6
0
约2.59千字
约 4页
2018-05-24 发布于福建
举报
版权申诉

网站项目参考代码.docx

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

网站制作常用代码（一）页面结构1、两列结构（1）div结构 div id=”mid”div id=”left”/divdiv id=”right”/divdiv id=”c”/div/div（2）css代码#mid{width:600px; margin:0 auto; }#mid #left{width:200px; height:500px;background-color:#CCCC33;float:left;}#mid #right{ width:400px; height:500px; background-color:#33CCFF; float:left;}#mid #c{clear:left;}2、三列结构1、两列结构（1）div结构 div id=”bottom”div id=”left”/divdiv id=”middle”/divdiv id=”right”/divdiv id=”c”/div/div（2）css代码#bottom{width:600px; margin:0 auto; }# bottom #left{ width:200px; height:100px;background-color:#CCCC33;float:left;}# bottom #mid{ width:200px; height:100px;background-color:#CCCC33;float:left;}# bottom #right{ width:200px; height:100px;background-color:#CCCC33;float:left;}#mid #c{clear:left;}（二）导航条1、制作垂直导航条1（1）效果图如右图所示：（2）打开vertical1.html网页，添加nav结构如下。ul id=nav lia href=#首页/a/li lia href=#翻译服务/a/li lia href=#网站建设/a/li lia href=#服务流程/a/li lia href=#付费/a/li /ul（3）CSS代码参考如下：新建外部样式表vertical1.css，内容如下。* {margin: 0px;padding: 0px;}body {font: 0.75em 宋体;margin: 20px 0 0 20px;}#nav {list-style: none;width: 120px;}#nav a {color:#000;background: #9C0;text-decoration:none;border-left: 4px solid #F90;display: block;padding: 8px 0 8px 20px;margin-bottom: 1px;_height: 1px; /*消除IE6在列表项上下添加的额外空间；同时使IE6的超链接响应区域扩大为块*/}#nav a:hover {color: #F90;}2、制作水平导航条1（1）效果图如右图所示：（2）打开horizontal1.html网页，添加nav结构如下：ul id=nav lia href=#首页/a/li lia href=#翻译服务/a/li lia href=#网站建设/a/li lia href=#服务流程/a/li lia href=#付费/a/li /ul（3）CSS代码参考如下：新建外部样式表horizontal1.css，内容如下。* {margin: 0px;padding: 0px;}body {font: 0.75em 宋体;margin: 20px 0 0 20px;}#nav {list-style: none;width: 702px;background: url(images/nav-bg.gif);overflow: hidden;padding-left: 15px;padding-right: 15px;}#navli{float: left;}#nav a {color: #FFF;text-decoration: none;display: block;line-height: 37px;padding: 0px 10px;_width: 1px;/*使IE6的超链接响应区域扩大为块*/white-space: nowrap;/*禁止文字换行*/}#nav a:hover, #nava.current {background: url(images/nav-hover-bg.gif) no-repeat center top;}（三）表单form name=form1 ul id=per