《Bootstrap响应式网站开发》课件-第四章Bootstrap基础布局_第1页
《Bootstrap响应式网站开发》课件-第四章Bootstrap基础布局_第2页
《Bootstrap响应式网站开发》课件-第四章Bootstrap基础布局_第3页
《Bootstrap响应式网站开发》课件-第四章Bootstrap基础布局_第4页
《Bootstrap响应式网站开发》课件-第四章Bootstrap基础布局_第5页
已阅读5页,还剩38页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

bootstrap响应式网站开发第四章Bootstrap基础布局基础排版1《Bootstrap响应式网站开发》

排版主要是针对HTML元素进行样式设置及布局定位,排版在前端开发十分重要,Bootstrap提供了一套CSS样式,可以方便快速地渲染HTML元素,让页面排版更加便捷。Bootstrap基础布局--基础排版《Bootstrap响应式网站开发》Bootstrap中可以使用HTML中<h1>~<h6>这六个标题标签,并赋予了它们半粗体属性及由大到小的字体font-size属性。Bootstrap基础布局--基础排版标

题h1~h6标签<h1>一级标题(半粗体36px)</h1><h2>二级标题(半粗体30px)</h2><h3>三级标题(半粗体24px)</h3><h4>四级标题(半粗体18px)</h4><h5>五级标题(半粗体14px)</h5><h6>六级标题(半粗体12px)</h6>【实例4-1】标题的使用,代码如下运行【实例4-1】代码,页面效果如图4-1所示图4-1h1~h6标签《Bootstrap响应式网站开发》Bootstrap除了基础的<h1>~<h6>这六个标题标签,还提供了.h1~.h6六个样式类,使用它们可以给内联属性的文本赋予不同级别的标题样式。Bootstrap基础布局--基础排版使用样式类.h1~.h6<spanclass="h1">一级标题文本</span><spanclass="h2">二级标题文本</span><spanclass="h3">三级标题文本</span><spanclass="h4">四级标题文本</span><spanclass="h5">五级标题文本</span><spanclass="h6">六级标题文本</span>【实例4-2】标题的使用,代码如下运行【实例4-2】代码,页面效果如图4-2所示图4-2使用.h1~.h6样式类《Bootstrap响应式网站开发》

当一个标题内部含有小标题(子标题或副标题)时,可以在该标题内嵌套添加<small>元素(字体大小是父元素的0.85),也可以给小标题内容应用.small样式类(字体大小是父元素的0.65),这样可以得到一个更小、颜色更浅的文本。Bootstrap基础布局--基础排版小标题<h1>一级标题(半粗体36px)<small>副标题</small></h1><h3>三级标题(半粗体24px)<spanclass="small">小标题3</span></h3>【实例4-3】标题的使用,代码如下运行【实例4-3】代码,页面效果如图4-3所示图4-2使用.h1~.h6样式类图4-3小标题《Bootstrap响应式网站开发》Bootstrap将页面body中的全局字体大小font-size设置为14px,行高line-height设置为1.428。<body>和<p>元素都被赋予了这些属性。另外<p>元素还被设置了等于1/2行高(10px)的底部外边距(margin-bottom)。Bootstrap基础布局--基础排版段落1.基本段落2.中心内容Bootstrap中为了突出多个段落中的某一个段落,也就是强调文本,则可以添加class="lead",这将得到更大更粗、行高更高的文本。<h1>Bootstrap<small>(Web框架)</small></h1><p>Bootstrap是美国Twitter公司的设计师MarkOtto和JacobThornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得Web开发更加快捷。</p><pclass="lead">Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。</p><p>Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括微软全国广播公司的BreakingNews都使用了该项目。</p>【实例4-1】标题的使用,代码如下运行【实例4-4】代码,页面效果如图4-4所示。图4-4段落的使用《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版文本样式1.常用文本格式的重定义HTML网页中,为了让文字富有变化,或者为了着重强调某一部分,例如为文字设置粗体、斜体或下划线效果,为此Bootstrap针对文本格式化标签的样式进行了重新定义,表4-4列出了常用的格式标签。标签名称说明标签名称说明<small>…</small>字体大小是父元素的0.85<strong>…</strong>表示强调,一般为粗体<mark>…</mark>用于突出显示高亮的文本<em>…</em>表示强调,一般为斜体<del>…</del>删除线<b>…</b>粗体,表示高亮单词<s>…</s>对于没有用的、不相关的内容<i>…</i>斜体,表示发言、技术词汇<ins>…</ins>额外插入的文本<sup>…</sup>上标<u>…</u>专有名词(人名、地名、朝代等)<sub>…</sub>下标表4-4常用文本格式样式《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版1.常用文本格式的重定义<h1>Bootstrap<small>(Web框架)</small></h1><p>Bootstrap是<strong>美国Twitter公司</strong>的设计师MarkOtto和JacobThornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得Web开发更加快捷。</p><p>Bootstrap提供了优雅的HTML和CSS规范,它即是由<em>动态CSS</em>语言<mark>Less</mark>写成。</p><p>Bootstrap一经推出后颇受欢迎,一直是GitHub上的<del>热门</del>开源项目,包括<u>微软全国广播公司</u>的BreakingNews都使用了该项目。</p>【实例4-2】标题的使用,代码如下运行【实例4-5】代码,页面效果如图4-5所示图4-5常用文本格式的重定义《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版2.文本的对齐方式与强调Bootstrap针对文本的对齐提供了.text-left、.text-right、.text-center、.text-nowrap等文本对齐类,表4-5列出了常用的格式标签。类说明类说明.text-left向左对齐文本.text-primary表示重要强调色.text-right向右对齐文本.text-success表示成功强调色.text-center居中对齐文本.text-info表示信息强调色.text-nowrap内容不换行.text-warning表示警告强调色.text-muted内容减弱.text-danger表示危险强调色表4-5常用文本对齐与强调样式《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版2.文本的对齐方式与强调运行【实例4-6】代码,页面效果如图4-6所示。<pclass="text-left">向左对齐文本</p><pclass="text-center">居中对齐文本</p><pclass="text-right">向右对齐文本</p><pclass="text-muted">这个是text-muted属性的强调色!</p><pclass="text-primary">这个是text-primary属性的强调色!</p><pclass="text-success">这个是text-success属性的强调色!</p><pclass="text-info">这个是text-info属性的强调色!</p><pclass="text-warning">这个是text-warning属性的强调色!</p><pclass="text-danger">这个是text-danger属性的强调色!</p>【实例4-6】常用文本对齐与强调样式的使用,代码如下图4-6常用文本对齐与强调样式图4-7文本大小写转换与缩写的使用《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版3.字母大小写与缩写Bootstrap提供了.text-lowercase(将大写转换为小写)、.text-uppercase(将小写转换为大写)、.text-capitalize(将首字母转换为大写)几个类方便地改变文本的字母大小写。Bootstrap定义<abbr>元素的样式为显示在文本底部的一条虚线边框,当鼠标悬停在上面时会显示完整的文本,实现方式是为<abbr>的title属性添加了文本说明。<pclass="text-lowercase">将大写转换为小写:HTML</p><pclass="text-uppercase">将小写转换为大写:Bootstrap</p><pclass="text-capitalize">将首字母转换为大写:bootstrap</p><p>层叠样式表<abbrtitle="CascadingStyleSheets">CSS</abbr><br></p>【实例4-7】文本大小写转换与缩写的使用,代码如下运行【实例4-7】代码,页面效果如图4-7所示《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版4.地

使用

<address>

标签可以在网页上显示联系信息。由于

<address>

默认为

display:block;,需要使用

<br>

标签来为封闭的地址文本添加换行。<address><strong>北京市西城区百万庄大街22号</strong><br/>机械工业出版社<br/><abbrtitle="telephone">Tel:</abbr>(010)12345678<br/><strong>客服邮箱</strong><br/><ahref="mailto:test@">test@</a><br/><address>【实例4-8】地址的使用,代码如下运行【实例4-8】代码,页面效果如图4-8所示图4-8地址的使用列表2《Bootstrap响应式网站开发》Bootstrap基础布局—列表有序列表和无序列表有序列表是指以数字或其他有序字符开头的列表。无序列表是指没有特定顺序的列表,是以传统风格的着重号开头的列表。<ul><li>北京</li><li>上海</li><ol><li>浦东新区</li><li>徐汇区</li><li>长宁区</li><li>普陀区</li></ol><li>广州</li><li>深圳</li></ul>【实例4-9】有序列表和无序列表的使用,代码如下运行【实例4-9】代码,页面效果如图4-9所示图4-9有序列表和无序列表《Bootstrap响应式网站开发》Bootstrap基础布局--列表如果不想给有序或无序列表显示这些着重号,可以使用

.list-unstyled

类来移除样式。还可以通过使用

.list-inline类把所有的列表项放在同一行中。<ulclass="list-unstyled"><li>北京</li><li>上海</li><olclass="list-inline"><li>浦东新区</li><li>徐汇区</li><li>长宁区</li><li>普陀区</li></ol><li>广州</li><li>深圳</li></ul>【实例4-10】无样式与内联列表的使用,代码如下运行【实例4-10】代码,页面效果如图4-10所示图4-10无样式与内联列表无样式与内联列表《Bootstrap响应式网站开发》Bootstrap基础布局--列表定义列表

定义列表(definitionlist)是指带有描述的短语列表。定义列表多用于对术语或名词的描述,同时,定义列表项前面无任何项目符号。<dl>标签用于结合

<dt>

(定义列表中的项目)和

<dd>

(描述列表中的项目)。Bootstrap还可以使用.dl-horizontal类让

<dl>

内的短语及其描述排在一行。<h2>一个定义列表:</h2><dl><dt>中国画</dt><dd>汉族传统绘画形式是用毛笔蘸水、墨、彩作画于绢或纸上,这种画种被称为“中国画”,简称“国画”。</dd></dl><h2>一个水平定义列表:</h2><dlclass="dl-horizontal"><dt>中国书法</dt><dd>中国书法是一门古老的汉字的书写艺术,从甲骨文、石鼓文、金文(钟鼎文)演变而为大篆、小篆、隶书,至定型于东汉、魏、晋的草书、楷书、行书等,书法一直散发着艺术的魅力。</dd></dl>【实例4-9】有序列表和无序列表的使用,代码如下《Bootstrap响应式网站开发》Bootstrap基础布局--列表定义列表运行【实例4-11】代码,页面效果如图4-11所示。图4-11定义列表的使用按钮3《Bootstrap响应式网站开发》预定义按钮Bootstrap为按钮提供了一个基本样式类.btn,所有按钮元素都使用它。Bootstrap为按钮提供了用来定义不同风格按钮的预定义样式类如表4-6所示。类说明类说明.btn为按钮添加基本样式.btn-info该样式可用于要弹出信息的按钮.btn-default默认/标准按钮.btn-warning表示需要谨慎操作的按钮.btn-primary原始按钮样式(未被操作).btn-danger表示一个危险动作的按钮操作.btn-success表示成功的动作.btn-link让按钮看起来像个链接(仍然保留按钮行为)表4-6不同风格按钮的预定义样式类Bootstrap基础布局--按钮《Bootstrap响应式网站开发》可作为按钮使用的标签或元素,主要包括a、button、input。//a、button、input转化成普通按钮。<ahref="#"class="btnbtn-default">Link</a><buttonclass="btnbtn-default">Button</button><inputtype="button"class="btnbtn-default"value="input">注意:虽然按钮类可以应用到<a>和<button>元素上,但是,导航和导航条组件只支持<button>元素。如果<a>元素被作为按钮使用,并用于在当前页面触发某些功能,而不是用于链接其他页面或链接当前页面中的其他部分,那么,务必为其设置role="button"属性。强烈建议尽可能使用<button>元素来获得在各个浏览器上获得相匹配的绘制效果。预定义按钮Bootstrap基础布局--按钮<ahref="###"class="btnbtn-default">超级链接</a><buttontype="button"class="btnbtn-default">默认按钮</button><inputtype="button"class="btnbtn-default"value="表单按钮"><buttontype="button"class="btnbtn-primary">原始按钮</button><buttontype="button"class="btnbtn-success">成功按钮</button><buttontype="button"class="btnbtn-info">信息按钮</button><buttontype="button"class="btnbtn-warning">警告按钮</button><buttontype="button"class="btnbtn-danger">危险按钮</button><buttontype="button"class="btnbtn-link">链接按钮</button>【实例4-12】不同风格按钮的预定义样式类的使用,代码如下《Bootstrap响应式网站开发》运行【实例4-12】代码,页面效果如图4-12所示。图4-12不同风格按钮的预定义样式类的使用预定义按钮Bootstrap基础布局--按钮《Bootstrap响应式网站开发》按钮尺寸Bootstrap通过为<button>元素应用.btn-lg、.btn-sm、.btn-xs、.btn-block四个样式类来获得不同尺寸的按钮,如表4-7所示。表4-7不同尺寸的按钮类说明类说明.btn-lg这会让按钮看起来比较大.btn-xs这会让按钮看起来特别小.btn-sm这会让按钮看起来比较小.btn-block这会创建块级的按钮,会横跨父元素的全部宽度Bootstrap基础布局--按钮<p><buttontype="button"class="btnbtn-primary">默认大小的原始按钮</button><buttontype="button"class="btnbtn-default">默认大小的按钮</button><buttontype="button"class="btnbtn-successbtn-lg">大的原始按钮</button><buttontype="button"class="btnbtn-defaultbtn-lg">大的按钮</button><buttontype="button"class="btnbtn-successbtn-sm">小的原始按钮</button><buttontype="button"class="btnbtn-defaultbtn-sm">小的按钮</button><buttontype="button"class="btnbtn-successbtn-xs">特别小的原始按钮</button><buttontype="button"class="btnbtn-defaultbtn-xs">特别小的按钮</button></p><buttontype="button"class="btnbtn-successbtn-lgbtn-block">块级的原始按钮</button><buttontype="button"class="btnbtn-defaultbtn-lgbtn-block">块级的按钮</button>【实例4-13】不同风格按钮的预定义样式类的使用,代码如下《Bootstrap响应式网站开发》Bootstrap基础布局--按钮运行【实例4-13】代码,页面效果如图4-13所示。图4-13不同尺寸按钮的使用效果按钮尺寸《Bootstrap响应式网站开发》Bootstrap基础布局--基础排版按钮激活与禁用状态

当按钮处于激活状态时,它表现为被按下去的底色更深、边框颜色更深、向内投射阴影的样式,通过button的.active样式类可以实现按钮的激活状态。

当按钮处于禁用状态时,它表现为颜色会变淡50%,并失去渐变,呈现出无法单击的效果。对于button元素,禁用可以通过disabled属性来实现这一效果,如果使用了a元素可以使用.disabled样式类来实现。<buttontype="button"class="btnbtn-primarybtn-lg">默认原始按钮</button><buttontype="button"class="btnbtn-primarybtn-lgactive">激活按钮</button><br/><buttontype="button"class="btnbtn-primarybtn-lg">默认原始按钮</button><buttontype="button"class="btnbtn-primarybtn-lg"disabled>disabled属性禁用按钮</button><br/><ahref="#"class="btnbtn-dangerbtn-lg">危险按钮</a><ahref="#"class="btnbtn-dangerbtn-lgdisabled">禁用的危险按钮</a>【实例4-14】按钮激活与禁用状态的使用,代码如下运行【实例4-14】代码,页面效果如图4-14所示图4-14按钮激活与禁用状态使用效果其他辅助类4《Bootstrap响应式网站开发》Bootstrap基础布局--基础其他辅助类背景色Bootstrap可以使用任意背景色设置元素的背景。这些样式也可以应用于链接,并会像默认链接样式一样在悬停时变暗。<pclass="bg-primary">主要背景bg-primary使用蓝色</p><pclass="bg-success">成功背景bg-success使用绿色</p><pclass="bg-info">信息背景bg-info使用浅蓝色</p><pclass="bg-warning">警告背景bg-warning使用黄色</p><pclass="bg-danger">危险背景bg-danger使用红色</p>【实例4-15】情景背景色的使用,代码如下运行【实例4-15】代码,页面效果如图4-15所示图4-15情景背景色的使用效果《Bootstrap响应式网站开发》关闭与下拉三角符按钮Bootstrap可以通过给button元素应用.close样式类得到关闭钮符号的样式,这类按钮通常用于模糊框和警告框。通过给span元素应用.caret样式类得到三角符号的样式,三角符号一般用来指示某个元素具有下拉菜单的功能。<p>关闭图标实例<buttontype="button"class="close"><span>×</span></button> </p><p>三角下拉符号实例<spanclass="caret"></span></p>【实例4-16】关闭与下拉三角符按钮的使用,代码如下运行【实例4-16】代码,页面效果如图4-16所示图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--基础其他辅助类《Bootstrap响应式网站开发》快速浮动与块居中显示Bootstrap可以通过给任意元素应用.pull-left和.pull-right样式类可以将元素快速向左或向右浮动。通过给元素应用.center-block样式类可以让元素以块级的方式居中显示。<divclass="container"><divclass="row"><divclass="pull-left"style="width:200px;background-color:greenyellow;">向左浮动</div><divclass="pull-right"style="width:200px;background-color:yellowgreen;">向右浮动</div><divclass="center-block"style="width:200px;background-color:orange;">这是center-block实例</div></div></div>【实例4-17】快速浮动与块居中显示的使用,代码如下运行【实例4-17】代码,页面效果如图4-17所示图4-16关闭与下拉三角符按钮的使用效果图4-17快速浮动与块居中显示的使用效果Bootstrap基础布局--基础其他辅助类《Bootstrap响应式网站开发》清除浮动Bootstrap提供了.clearfix样式类来清除浮动。<divclass="container"><divclass="row"><divclass="pull-left"style="width:200px;background-color:greenyellow;">向左浮动</div><divclass="pull-right"style="width:200px;background-color:yellowgreen;">向右浮动</div><spanclass="clearfix"></span><divclass="center-block"style="background-color:orange;">这是清除浮动实例</div></div></div>【实例4-18】清除浮动的使用,代码如下运行【实例4-18】代码,页面效果如图4-18所示图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--基础其他辅助类图4-18清除浮动的效果《Bootstrap响应式网站开发》清除浮动图4-16关闭与下拉三角符按钮的使用效果在【实例4-18】中如果删除<spanclass="clearfix"></span>代码,那么row中的第三个div将会防止在左右浮动的元素之间,页面效果如图4-19所示。图4-19删除清除浮动的后效果Bootstrap基础布局--基础其他辅助类图4-22元素全部显示的效果图4-21元素的显示与隐藏《Bootstrap响应式网站开发》元素的显示与隐藏图4-16关闭与下拉三角符按钮的使用效果Bootstrap提供通过使用.show

.hidden、.invisible

样式类来强行设置元素显示或隐藏。都只针对块级元素实现这些效果,其中

.hidden样式类不占用文档流,而.invisible

样式类占用文档流。<spanclass="show">显示信息1</span><spanclass="hidden">hidden隐藏内容,下一块自动占用本区域内容位置。</span><spanclass="show">显示信息2</span><spanclass="invisible">invisible隐藏内容,但仍占用本区域内容位置。</span><spanclass="show">显示信息3</span>【实例4-19】元素的显示与隐藏,代码如下运行【实例4-19】代码,页面效果如图4-21所示,如果将

.hidden、.invisible

样式

都修改为.show,则所有的元素将都显示,如图4-20所示。Bootstrap基础布局--基础其他辅助类案例:招应聘信息发布5《Bootstrap响应式网站开发》案例展示图4-16关闭与下拉三角符按钮的使用效果本案例主要完成招聘与应聘信息的展示。现根据需求实现的页面效果如图4-23所示。Bootstrap基础布局--案例:招应聘信息发布(a)PC、Pad上的页面效果(b)iphone6上的页面效果图4-23招应聘信息发布效果《Bootstrap响应式网站开发》案例分析图4-16关闭与下拉三角符按钮的使用效果

本案例基于基本的Bootstrap基本框架,分析图4-23可以看出“招聘信息”与“应聘信息”在PC、Pad端为2栏,而在手机端上为1栏显示,所以可以在container内使用“col-xs-12col-sm-6”来实现,左侧的“招聘信息”栏目主要使用响应式图片展示。

在“应聘信息”部分的人物头像和应聘信息可以再次分为左右两栏。左栏可以设置为“col-xs-4col-lg-3”,而右栏可以设置为“col-xs-8col-lg-9”。Bootstrap基础布局--案例:招应聘信息发布具体分为三步:第一步:创建基本样式表与基本框架。第二步:编写“招聘信息”部分的HTML结构与CSS代码。第三步:编写“应聘信息”部分的HTML结构与CSS代码。《Bootstrap响应式网站开发》案例实现图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--案例:招应聘信息发布第一步:创建基本样式表与基本框架。依据基于Bootstrap模板创建网页,编写基本样式表,代码如下:网页页面的基本框架的HTML设置为:<styletype="text/css">body{font-family:"微软雅黑";font-size:16px;}h3{

text-align:center;color:white;}a,a:hover{

text-decoration:none;font-size:16px;}</style><divclass="container"><divclass="row"><divclass="col-xs-12col-sm-6text-center"><divid="bignav1"></div></div><divclass="col-xs-12col-sm-6"><divid="bignav2"class="text-center">

</div></div> </div></div>《Bootstrap响应式网站开发》案例实现图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--案例:招应聘信息发布第二步:编写“招聘信息”部分的HTML结构与CSS代码。<ahref="#"><imgclass="img-responsivetext-centercenter-block"src="images/yp1.jpg""/></a></div></div><divclass="blank5"></div><divclass="panelpanel-defaultbanner"><divclass="panel-bodytext-center"><ahref="#"><imgclass="img-responsivetext-centercenter-block"src="images/yp2.jpg""/></a></div></div><divclass="blank5"></div><divclass="panelpanel-defaultbanner"><divclass="panel-bodytext-center"><ahref="#"><imgclass="img-responsivetext-centercenter-block"src="images/yp3.jpg""/></a></div></div><divclass="blank5"></div></div>根据页面效果的需求,完成“招聘信息”基本的结构设计,代码如下:<divclass="col-xs-12col-sm-6text-center"><divid="bignav1"><ahref="#"target="_blank"><divclass="panelpanel-defaultbiz"><divclass="panel-body"><h3>招聘信息</h3><span>我是企业,商家,策划公司,创业者</span></div></div></a><divclass="blank10"></div></div><divclass="panelpanel-defaultbanner"><divclass="panel-bodytext-center">page1page2《Bootstrap响应式网站开发》案例实现图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--案例:招应聘信息发布然后,根据页面效果的需求,于左侧“招聘信息”对应的样式:#bignav1,.biz,span{color:#FFF;

line-height:180%;

font-size:26px;} .biz{background-color:#106FC1;}.bizspan,.modespan{font-size:16px;}完成“招聘信息”的内容,预览页面效果如图4-24所示。图4-24“最新发布”页面效果《Bootstrap响应式网站开发》案例实现图4-16关闭与下拉三角符按钮的使用效果Bootstrap基础布局--案例:招应聘信息发布第三步:编写“应聘信息”部分的HTML结构与CSS代码。<divclass="hellospace"><ahref="#"><imgclass="img-responsivelazy"src="images/tx1.jpg"/></a></div></div><divclass="col-xs-8col-lg-9"><h4><aclass="color_black"href="#">姓名:李刚</a></h4><div><spa

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论