原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
========================================================================
用css布局极目商城10步骤:
第一步:规划,完成后效果图
基本布局如下图，其分为六个部分
1.Header头部Width:760pxHeight:50px
2.搜索全站搜索功能,包含的Logo3.主导航导
航条,具有按钮特效。4.左侧分类高度根据内容变化
5.幻灯片放映效果的(暂以静态代替)6.
第二步:创建html模板及文件目录等
1.创建html模板,将其保存为index.html,并创建文件夹css,images
2.创建的大框：建立一个宽100%的盒子，它将包含的所有元素。在html文件的body和
/body之间写入
divid=container
========================================================================
用css布局极目商城10步骤：
第一步：规划，完成后效果图
基本布局如下图，其分为六个部分
1.Header头部Width:760pxHeight:50px
2.search搜索全站的功能，包含的logo
3.MainNaviion导航条，具有按钮特效。
4.左侧分类Height:Changesdependingoncontent
5.幻灯片放映效果的（暂以静态代替）
6.
第二步：创建html模板及文件目录等
1.创建html模板，将其保存为index.html,并创建文件夹css，images
2.创建的大框：建立一个宽100%的盒子，它将包含的所有元素。在html文件的body和
/body之间写入
divid=container
你好，世界。/div在css中设置
background-color:yellow;
宽度:100%;
margin:0auto;
现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认填充和边距造成的。
要消除这个空隙，就需要在CSS文件中写入：
body{外边距:0;内边距:0;}
第三步:将分为六个div，网页基本布局的基础：
1.将“第一步”提到的六个部分都放入盒子中，在HTML文件中写入：
2.为了将六个部分区分开来，这六个部分用不同的背景颜色标示出来，在css文件中写入：
_
#pagecontainer{width:100%;margin:0auto;}#
header{height:30px;background‑color:aqua;}#
searcher{height:88px;background‑color:black;}#
navi{height:40px;background‑color:fuchsia;}#
_
leftmenu{background‑color:lime;}#
adv{background‑color:maroon;}#right_
_
view{background‑color:navy;}#leftmenu,#a
_
dv,#rightview{height:280px;}效果如图:
Helloworld.
/div
在css中设置background-color:yellow;
width:100%;
margin:0auto;
现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。
消除这个空隙，就需要在css文件中写入：
body{margin:0;padding
文档评论（0）