- 1、本文档共50页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
[2015网站设计培训
DIV+CSS通用网页布局 三列浮动中间列宽度自适应 div id=“left”布局左侧内容/div div id=“center”布局中间内容/div div id=“right”布局右侧内容/div #right {background-color:#00ff00; Border:2px solid #343434; Height:300px;Width:100px; Position:absolute;Top:0px;right:0px;} #left {background-color:#ff0000; Border:2px solid #343434; Width:100px;Height:300px; Position:absolute;Top:0px;Left:0px;} #center {background:#ff0000;Border:2px solid #000; Heigth:300px;Margin-left:104px; margin-right:104px;} body{margin:0px;padding:0px;} CSS2.0 基础应用 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. DIV+CSS通用网页布局 高度自适应 CSS2.0 基础应用 #left {background-color:#ff0000; Border:2px solid #343434; Width:100px; Height:100%; Float:left;} Html,body { Margin:0px; Height:100%;} Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. CSS的核心概念 W3C的定义:CSS布局中的每一个元素,在浏览器的解释中,都被当作一个盒状物。 理解:任何一个CSS布局的网页,都是由许多大小不同,位置不同的盒子组成。 CSS2.0 基础应用-盒模型(box model) Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 盒模型的描述细节 width,height,padding,margin,border CSS2.0 基础应用-盒模型(box model) Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 深入浮动 CSS网页布局的两种方式:浮动布局,定位布局 皆脱离于文档流的控制。 文档流是浏览器的默认呈现规则。 CSS2.0 基础应用-浮动布局的秘密 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 浮动布局FLOAT定位,清理 clear:both 定位技术 position:static | relative | absolute | fixed | inherit 绝对定位与相对定位 Position:absolute; Top,right,bottom,left,z-index Posistion:relative; CSS2.0 基础应用-定位技术 div.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; } Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 常见网站导航条的设计 横向导航 - 纵向导航 - 下拉导航 CSS2.0 基础应用-实战 Eva
您可能关注的文档
- [2015年高中数学步步高大一轮复习讲义文科第五章专题二.ppt
- [2015年高中数学步步高大一轮复习讲义文科专题五高考中的圆锥曲线问题.ppt
- [2015年高中数学步步高大一轮复习讲义文科第二章常考题型强化练——函数.ppt
- [2015年初级会计实务第一章第3节考试资料.ppt
- [2015年高中数学步步高大一轮复习讲义文科第九章9.6.ppt
- [2015年高中数学步步高大一轮复习讲义文科第五章5.2.ppt
- [2015年高中数学步步高大一轮复习讲义文科第五章5.3.ppt
- [2015微商元年.ppt
- [2015年高中数学步步高大一轮复习讲义文科第六章6.3.ppt
- [2015年高中数学步步高大一轮复习讲义文科第十一章11.2.ppt
- 2024年证券分析与咨询服务项目投资申请报告代可行性研究报告.docx
- 2024年铬酸酐项目资金申请报告代可行性研究报告.docx
- 2024年清洁胶项目资金申请报告代可行性研究报告.docx
- 2024年肉松饼项目投资申请报告代可行性研究报告.docx
- 2024年陆上泵项目资金需求报告代可行性研究报告.docx
- 2024年未硫化复合橡胶及其制品项目资金需求报告代可行性研究报告.docx
- 2024年精密温控节能设备项目资金筹措计划书代可行性研究报告.docx
- 2024年汽车覆盖件模具项目资金筹措计划书代可行性研究报告.docx
- 宋词行书钢笔字帖.pdf
- 我的暑假生活作文三年级300字10篇.pdf
文档评论(0)