W前端技术基础开发概述15_第1页
W前端技术基础开发概述15_第2页
W前端技术基础开发概述15_第3页
W前端技术基础开发概述15_第4页
W前端技术基础开发概述15_第5页
已阅读5页，还剩70页未读， 继续免费阅读

下载本文档

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

文档简介

Web前端开发技术基础任务1CSS3过渡动画制作通关任务1制作网站导航条动画AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施04.知识宝典任务描述本任务将为红色文化资源网的导航条调整样式，并为其添加过渡动画效果，导航条初始效果如图4-1-1所示，导航条设置过渡动画后的效果如图4-1-2所示。任务描述任务目标1.了解transition各子属性的作用。2.掌握通过transition属性生成过渡动画的方法。图4-1-2导航条设置过渡动画后的效果图4-1-1导航条初始效果任务实施——构建HTML结构（1）构建HTML结构图4-1-3代码结构在HBuilderX中新建项目，将项目命名为“chapter4”，在项目中新建.html文件，将文件命名为“example01.html”，参考图4-1-3所示的代码结构完成HTML结构搭建。任务实施——CSS样式分析图4-1-2导航条设置过渡动画后的效果鼠标指针移动到超链接时，超链接的背景颜色改变，文字变大，由矩形变为圆角矩形，效果如图4-1-2所示。任务实施——CSS样式添加参考项目3任务3通关任务1中的CSS样式完成本案例样式的添加，其中超链接的样式需做适当调整，具体如下。1）调整鼠标指针悬停在超链接时的样式。任务实施——CSS样式添加在上述样式代码中，分别通过transition-property、transition-duration、transition-timingfunction和transition-delay设置了过渡效果的CSS属性、过渡效果的持续时间、过渡效果的速度曲线和延迟时间。为了简化代码，可以使用transition属性将上述样式进行综合设置，代码如下。2）设置鼠标指针移出超链接时的过渡效果，在原有的超链接样式中添加transition属性。知识宝典——transition属性transition属性是CSS3新增的强大功能，可以使元素在状态改变时以平滑的方式过渡CSS属性值，如颜色、形状、位置等。transition属性的语法如下：transition:transition-property||transition-duration||transition-timing-function||transition-delay;

transition属性是一个复合的CSS属性，可以同时定义过渡效果的多个参数信息。它包括4个子属性，分别是transition-property、transition-duration、transition-timing-function和transition-delay。transition过渡属性见表4-1-1。属性名作用属性值说明transition-property

定义应用过渡效果的CSS属性none没有任何CSS属性有过渡效果all默认值，所有CSS属性都有过渡效果<property>定义有过渡效果的CSS属性名，多个属性名之间用逗号分隔transition-duration定义过渡效果的持续时间time默认值为0，时间单位可以是s（秒）或ms（毫秒），多个时间值时需用逗号分隔transition-timing-function定义过渡效果的时间曲线ease默认值，慢速开始，中间变快，最后慢速的过渡效果linear从开始至结束保持相同速度的过渡效果ease-in慢速开始，逐渐变快的过渡效果ease-out快速开始，逐渐变慢的过渡效果ease-in-out慢速开始和结束的过渡效果cubic-bezier(n,n,n,n)自定义cubic-bezier函数设置曲线效果，其中4个参数的取值为0~1之间的数值。transition-delay定义过渡效果的延迟时间time时间单位可以是s（秒）或ms（毫秒），多个时间值时需用逗号分隔。默认值为0，即没有延迟时间，立即开始过渡效果transition综合设置过渡效果的多个属性值propertydurationtiming-functiondelay按顺序用一行代码设置4个属性的参数值，属性顺序不能调换表4-1-1 transition过渡属性知识宝典——transition属性在transition复合属性中，属性值需按transition-property、transition-duration、transition-timing-function和transition-delay的顺序设置，不能颠倒。其中，第3个和第4个参数可省略，省略时表示取默认值。若要使用transition属性定义两组或多组过渡效果，则每组过渡设置需使用逗号分隔。例如：不同的浏览器对transition属性的支持程度可能不同，在使用时需要检查浏览器的兼容性。transition:background-color0.5sease-in,border-radius1s;知识宝典——transition属性Web前端开发技术基础通关任务2为胜迹图展栏目设置遮罩效果AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施任务描述本任务将调整红色文化资源网——红色胜迹页面中胜迹图展栏目的样式，并为其添加遮罩效果，调整前的效果如图4-1-4所示，调整后初始状态下的效果如图4-1-5所示，调整后鼠标指针经过列表时的效果如图4-1-6所示。任务描述图4-1-5胜迹图展栏目样式调整后初始状态下的效果图4-1-4胜迹图展栏目样式调整前的效果任务目标任务目标1.了解绝对定位在图片遮罩中的应用。2.掌握transition过渡属性在图片遮罩中的应用。图4-1-6胜迹图展栏目样式调整后鼠标指针经过列表时的效果任务实施——构建HTML结构在项目chapter4中新建.html文件，将文件命名为“example02.html”，参考图4-1-7所示的代码结构完成HTML结构搭建。图4-1-7代码结构任务实施——CSS样式分析胜迹图展栏目所在的<div>盒子和栏目标题<h2>的样式，此处不做详细分析。现在重点对定义列表<dl>的样式进行分析。我们可以通过改变遮罩层<dd>的位置来实现遮罩效果，初始状态下遮罩层的位置和鼠标指针经过列表时遮罩层的位置分别如图4-1-8和图4-1-9所示。图4-1-8初始状态下遮罩层的位置图4-1-9鼠标指针经过列表时遮罩层的位置任务实施——CSS样式分析初始状态下<dl>和<dd>的样式要点分析如图4-1-10所示，鼠标指针经过时遮罩层<dd>的样式要点分析如图4-1-11所示。图4-1-10初始状态下<dl>和<dd>的样式要点分析图4-1-11鼠标指针经过时遮罩层<dd>的样式要点分析任务实施——CSS样式添加在<head></head>标签对中添加内部样式表<style></style>标签对，设置网页各元素样式。1）清除所有元素的默认内外边距。2）设置超链接的样式。任务实施——CSS样式添加3）设置栏目盒子<div>的样式。4）设置栏目标题<h2>的样式。任务实施——CSS样式添加5）设置每个胜迹列表<dl>的样式。任务实施——CSS样式添加6）设置初始状态下定义数据<dd>（即遮罩层）的样式。任务实施——CSS样式添加代码解析1.利用定位布局设置遮罩层位置初始状态下，遮罩层<dd>位于父盒子<dl>的正上方，且宽、高与<dl>一致；当鼠标指针经过<dl>时，<dd>向下移动，完全覆盖<dl>。这里运用了定位布局的相关知识，使遮罩层<dd>相对于父盒子<dl>进行定位。结合“子绝父相”的原理，即设置父盒子<dl>为相对定位（position:relative;），使其作为参照物来定位其子元素；设置遮罩层<dd>为绝对定位（position:absolute;），使其将脱离文档流，并相对于最近的已定位父元素（即<dl>）进行定位。最后，通过设置<dd>的边偏移来确定其具体位置，如图4-1-12所示。图4-1-12遮罩层<dd>的定位设置任务实施——CSS样式添加代码解析2.width属性值不一样，为什么可使盒子的宽度一致？本案例中，盒子的计算方式为默认的标准模式，即以width作为盒子的content区域的宽度，盒子的总宽度=width+padding+border。<dl>中的width为210px、padding为10px，假设border为0，那么<dl>盒子的总宽度为230px；<dd>中的width为230px，padding为0，同样假设border为0，那么<dd>盒子的总宽度为230px。所以，虽然<dl>与<dd>的width属性值分别为210px、230px，但盒子的总宽度是一致的，如图4-1-13和图4-1-14所示。图4-1-14<dd>的盒子模型结构图4-1-13<dl>的盒子模型结构任务实施——CSS样式添加代码解析3.设置遮罩层文字垂直居中遮罩层中的胜迹名称为单行文本，这里设置<dd>的高度（height）与行高（line-height）一致，可以使文字在垂直方向居中。7）设置鼠标经过<dl>时遮罩层的样式。提示：

在制作过程中，可以通过火狐或谷歌浏览器的开发者工具，对案例中盒子的宽度、高度及内外边距等属性进行适当调整，从而实现最终效果。Web前端开发技术基础任务2CSS3变形动画制作通关任务1制作变形导航条AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施04.知识宝典任务描述本任务将为导航条设置旋转、缩放、移动、倾斜等变形效果，导航条初始状态效果如图4-2-1所示，鼠标经过菜单时导航条旋转效果如图4-2-2所示。任务描述任务目标1.掌握通过transform属性设置2D变形（旋转、缩放、移动、倾斜等）的方法。2.能综合应用transform和transition属性来实现动画效果。图4-2-2鼠标经过菜单时导航条旋转效果图4-2-1导航条初始状态效果任务实施——构建HTML结构图4-2-3代码结构导航条用无序列表<ul>标签搭建，将每个菜单项分别置于列表项目<li>标签中，具体代码结构如图4-2-3所示，完成后的代码及效果如图4-2-4所示。图4-2-4变形导航条HTML代码及效果任务实施——CSS样式分析图4-2-2鼠标经过菜单时导航条旋转效果1）导航条<ul>上外边距为100px。2）每个菜单项<li>都向左浮动，宽度为120px，外边距为2px，上下内边距为5px，左右内边距为10px，文字在水平方向居中，文字颜色为白色，背景颜色为#c40001，清除列表项前默认的小圆点符号，边框为1px、实线、边框颜色为#ccc。3）鼠标指针经过菜单项时显示为手形图标，菜单顺时针旋转20°，旋转的过渡持续时间为1s。任务实施——CSS样式添加在<head></head>标签对中添加内部样式表<style></style>标签对，设置网页各元素样式。1）设置导航条<ul>的样式。2）设置每个菜单项<li>的样式。任务实施——CSS样式添加3）设置鼠标经过<li>时的样式。4）保存文件，在浏览器中查看页面效果。知识宝典——transform属性CSS3新增的transform属性可以实现元素的变形，主要包括旋转、缩放、移动、倾斜等变形效果。transform属性的语法如下：transform:none|transform-functions;

取值说明：●none：默认值，不设置元素变形。●transform-functions：设置一个或多个变形函数。变形函数包括旋转rotate()、缩放和翻转scale()、移动translate()、倾斜skew()、矩阵变形matrix()等。设置多个变形函数时，用空格间隔。知识宝典——transform属性1.旋转rotate()函数用于定义元素在二维空间中的旋转。其语法如下：rotate(angle)

其中，angle表示旋转的角度，为带有角度单位标识符的数值，角度单位是deg。值为正数时，表示顺时针旋转；值为负数时，表示逆时针旋转；值为0时，表示不旋转。如：li:hover{transform:rotate(30deg);-Webkit-transform:rotate(30deg);background-color:orange;color:white;}

设置当鼠标指针经过菜单时的CSS样式。顺时针旋转30°，背景颜色为橙色，文字颜色为白色。代码如下，效果如图4-2-5所示。图4-2-5鼠标指针经过菜单时的旋转效果知识宝典——transform属性知识链接考虑到不同浏览器和版本的兼容性，在使用transform属性时，需要加上浏览器私有属性前缀。谷歌浏览器的私有属性前缀是-webkit-，火狐浏览器的私有属性前缀是-moz-，IE浏览器的私有属性前缀是-ms-等。知识宝典——transform属性2.缩放和翻转scale()函数用于定义元素在二维空间中的缩放和翻转。其语法如下：scale(x,y)取值说明

●x：表示元素在水平方向上的缩放倍数。●y：表示元素在垂直方向上的缩放倍数。●x、y的值可以为整数、负数、小数。当取值的绝对值大于1时，表示放大；当绝对值小于1时，表示缩小。当取值为负数时，元素会被翻转。如果y值省略，则说明垂直方向上的缩放倍数与水平方向上的缩放倍数相同。li:hover{transform:scale(1.5,0.8);background-color:orange;color:white;}

当鼠标指针经过菜单时，菜单在水平方向放大至1.5倍，在垂直方向缩小至0.8倍，代码如下。图4-2-6鼠标指针经过菜单时的缩放效果知识宝典——transform属性4.倾斜skew()函数用于定义元素在二维空间中的倾斜。其语法如下:skew(angleX,angleY)取值说明

●angleX：表示元素在空间x轴上的倾斜角度。●angleY：表示元素在空间y轴上的倾斜角度。●angleX、angleY为带有角度单位标识符的数值，角度单位是deg。若取值为正，则表示顺时针旋转；值为负时，表示逆时针旋转。如果angleY值省略，则表示在y轴上的倾斜角度为0deg。transform:skew(20deg,30deg);

在上面的案例中，我们可以将translate()函数改为skew()函数实现元素倾斜。当鼠标指针经过菜单时，菜单在x轴上顺时针倾斜20°，在y轴上顺时针倾斜30°。设置transform属性的代码如下。设置后的效果如图4-2-8所示。图4-2-8鼠标指针经过菜单时的倾斜效果知识宝典——transform属性5.同时使用多个变形函数transform属性允许同时设置多个变形函数，多个函数之间用空格分隔。transform:translate(10px,10px)rotate(30deg)scale(1,-1);

在上面的案例中，重新设置鼠标指针移动到导航条栏目上的CSS样式，设置向右、向下各偏移10px，顺时针旋转30°，垂直翻转。设置transform属性的代码如下。设置后的效果如图4-2-9所示。图4-2-9鼠标指针经过菜单时的多种变形效果知识宝典——transform属性6.定义变形原点transform-origin属性可指定变形元素的原点位置，原点就是元素绕着旋转或变形的点。默认情况下，元素的变形原点为其中心点，顺时针旋转30°的效果如图4-2-10所示；通过transform-origin属性可以将原点设置为中心点以外的位置，这里通过“transform-origin：00”将原点设置为元素左上角并旋转后的效果如图4-2-11所示。其基本语法格式如下：transform-origin:x-axisy-axis;取值说明

x-axis：定义变形原点的横坐标位置，默认值为50%。●y-axis：定义变形原点的纵坐标位置，默认值为50%。●x-axis和y-axis的取值可以是百分比值、像素值，也可以是left、center、right、top、middle、bottom等关键词。图4-2-10菜单以中心点为原点顺时针旋转30°的效果图4-2-11通过“transform-origin:00;”将原点设置为元素左上角并旋转后的效果Web前端开发技术基础通关任务2制作照片墙AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施任务描述本任务将运用transform和transition属性等知识点制作照片墙效果。照片墙上摆放15张照片，每张照片会有不同程度的旋转，照片墙初始状态如图4-2-12所示。当鼠标指针经过照片时，照片会以左上角为原点调整至正常角度并放大显示，如图4-2-13所示。当鼠标指针移开时，照片又恢复到原来的状态。任务描述图4-2-13鼠标指针经过照片时的效果图4-2-12照片墙初始状态任务目标任务目标1.掌握使用transform-origin属性设置元素原点的方法。2.掌握CSS3变形和定位布局在照片墙中的综合应用。。p任务实施——HTML结构分析

照片墙用无序列表<ul>标签搭建，将每张照片分别置于列表项目<li>标签中，具体代码结构如图4-2-14所示。图4-2-14代码结构任务实施——HTML结构搭建图4-2-15照片墙HTML代码及效果任务实施——CSS样式分析1）照片墙<ul>的宽度为580px，上下外边距为50px、在页面中水平居中。2）照片所在列表项<li>采用向左浮动的布局方式，宽度为100px，高度为75px，外边距为5px，内边距为3px，清除列表项前默认的圆点样式，背景颜色为#ccc，不透明度（opacity）为0.8，将原点设置为左上角，每个<li>都逆时针旋转15°。3）为了让图片呈现散乱的效果，可对<li>进行随意地旋转，如第3n个<li>顺时针旋转20°，第4n个<li>顺时针旋转15°，第7n个<li>逆时针旋转10°，第9n个<li>逆时针旋转20°。4）当鼠标指针经过列表项<li>时，<li>的定位方式为相对定位（position:relative;），堆叠在页面最上层（z-index:999;），不透明，设置列表项不旋转（即旋转角度为0°）并放大2倍，所有样式的过渡持续时间为0.5s、以相同速度曲线过渡。任务实施——CSS样式添加在<head></head>标签对中添加内部样式表<style></style>标签对，设置网页各元素样式。1）设置列表<ul>的样式。任务实施——CSS样式添加2）设置列表项<li>的样式。任务实施——CSS样式添加3）设置各列表项<li>的不同旋转角度。任务实施——CSS样式添加知识链接:nth-child(n)选择器指匹配父元素中的第n个子元素，n可以是一个数字，一个关键字，或者一个公式。如下述代码可设置每个属于其父元素的第3个子元素为<p>的标签的文字颜色：p:nth-child(3){color:#f00;}常见的几种CSS3结构伪类选择器见表4-2-1。表4-2-1 常见的几种CSS3结构伪类选择器标签实例实例说明:first-childp:first-child选择每个属于其父元素的第一个子元素为<p>的标签:last-childp:last-child选择每个属于其父元素的最后一个子元素为<p>的标:nth-child(n)p:nth-child(3)选择每个属于其父元素的第3个子元素为<p>的标签:nth-last-child(n)p:nth-last-child(3)同上，但是从最后一个子元素开始计数任务实施——CSS样式添加4）设置鼠标指针经过<li>时的样式。5）保存文件，在浏览器中查看页面效果。Web前端开发技术基础任务3CSS3自定义动画制作通关任务1制作加载动画AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施04.知识宝典任务描述本任务将通过定义关键帧、设置动画时间等，制作流畅的加载动画效果。加载动画静态效果如图4-3-1所示。任务描述任务目标1.掌握@keyframes规则的基本语法。2.掌握animation属性的设置方法。3.掌握综合应用@keyframes规则、animation属性、transform属性等制作页面加载动画的方法。图4-3-1加载动画静态效果任务实施——构建HTML结构1）在项目chapter4中新建.html文件，将文件命名为example05.html，打开example05.html文件，在title></title>标签对中输入文字“加载动画”，为网页设置文档标题。2）在<body></body>标签对中输入<div></div>标签对，制作加载动画的圆环，设置其class为ring。完成后的代码如下：任务实施——CSS样式分析1）静态效果分析如图4-3-2所示。2)动画分析。圆环以相同的速度曲线不停转动，转一圈（即从0°转至360°）的耗时为2s。图4-3-2静态效果分析任务实施——CSS样式添加在<head></head>标签对中添加内部样式表<style></style>标签对，设置网页各元素样式。1）设置圆环静态效果。任务实施——CSS样式添加知识链接

使用border-radius属性实现圆形效果

运用CSS的border-radius属性可以使一个方形元素变成圆形，只要将元素的边角半径设置为50%即可实现。例如，下面代码可以使一个宽度和高度都为100px的<div>变为圆形。.ring{width:100px;/*设置<div>的宽度为100px*/height:100px;/*设置<div>的高度为100px*/border-radius:50%;/*设置<div>的圆角半径为50%*/}任务实施——CSS样式添加2）创建关键帧动画loading。任务实施——CSS样式添加3）将关键帧动画loading绑定到圆环的动画中。4）保存文件，在浏览器中查看页面效果。知识宝典——关键帧动画@keyframes规则@keyframes规则是CSS3中用于创建动画的重要工具，可以定义整个CSS动画周期中的关键帧，这些关键帧描述了动画在不同时间点的样式状态。浏览器负责在关键帧之间平滑地过渡，从而创建出动画效果。@keyframes规则的语法如下：@keyframes<animationname>{<keyframes-selector>{<css-style>}}

取值说明：●<animationname>：动画名称。一个自定义的动画名称，后续会将其与animation属性的动画名称绑定来应用动画。●<keyframes-selector>：动画持续时间的百分比或关键字（from和to），如0%、50%、100%等。from对应的是0%，to对应的是100%，表示动画的进度。●<css-style>：设置一个或多个CSS样式。这些样式应用在动画过程中的特定时间点（关键帧）上。知识宝典——关键帧动画@keyframes规则如在下面的代码中，example为自定义的动画名称，动画进度为0%（开始）时，元素的背景颜色为红色；动画进度至25%时，元素的背景颜色为黄色；动画进度至50%时，元素的背景颜色为蓝色；动画进度至100%（结束）时，元素的背景颜色为绿色。动画通过从一种样式逐渐变成另一种样式来创建。@keyframesexample{0%{background-color:red;}25%{background-color:yellow;}50%{background-color:blue;}100%{background-color:green;}}知识宝典——动画的实现：animation属性CSS3中，animation属性可以把一个或多个关键帧动画绑定到元素上，还可以定义动画的持续时间、速度曲线、延迟开始时间、迭代次数和播放方向等，从而轻松生成复杂且流畅的动画效果。animation属性的语法如下：animation:<name><duration><timg-function><delay><iteration-count><direction>;

取值说明：<name>：定义动画名称，用来绑定指定的关键帧动画。●<duration>：定义动画完成需要的周期时间。●<timg-function>：定义动画播放的速度曲线。●<delay>：定义动画开始的延迟时间。●<iteration-count>：定义动画播放的次数。●<direction>：定义动画循环播放的方向。

animation属性可以定义一个动画6个方面的参数信息；也可以定义多个动画，每个动画的参数信息为一组，用逗号分隔开。

animation属性是一个复合属性，它包括6个子属性：animation-name、animation-duration、animation-timg-function、animation-delay、animation-iteration-count、animation-direction，见表4-3-1。属性名作用属性值说明animation-name定义动画名称none默认值，表示没有动画<keyframename>指定的动画名称，若指定多个动画名称，名称之间用逗号隔开animation-duration定义动画完成需要的周期时间time默认值为0，时间单位可以是s（秒）或ms（毫秒）animation-timg-function定义动画播放的速度曲线ease默认值，慢速开始，中间变快，最后慢速的效果linear从开始至结束保持相同速度的效果ease-in慢速开始，逐渐变快的效果ease-out快速开始，逐渐变慢的效果ease-in-out慢速开始和结束的效果cubic-bezier(n,n,n,n)自定义cubic-bezier函数设置曲线效果，其中4个参数的取值为0~1之间的数值。animation-delay定义动画播放的延迟时间time时间单位可以是s（秒）或ms（毫秒）。默认值为0，即没有延迟时间，直接播放动画。animation-iteration-count定义动画播放的次数infinite表示无限次数的播放<n>该值为数字，表示循环播放的次数。默认值为1，表示动画只播放一次。animation-direction定义动画循环播放的方向normal默认值，表示按照关键帧设定的动画方向播放。alternate表示动画的播放方向与上一播放周期的相反，第一周期为正常播放方向。表4-3-1 animation动画属性知识宝典——动画的实现：animation属性Web前端开发技术基础通关任务2制作运动的小球AIGC赋能版📑目录01.任务描述02.任务目标03.任务实施任务描述@keyframes是CSS3动画设计的关键规则，可以指定动画在不同时间点的样式状态，从而创建出复杂的动画效果。本任务将通过@keyframes和animation的综合应用，制作运动小球效果，小球的静态效果如图4-3-3所示。任务描述图4-3-3小球的静态效果任务目标1.掌握使用@keyframes规则设置不同时间点样式的方法。2.掌握animation复合属性的设置方法。3.能综合运用@keyframes规则和animation属性等相关知识，制作运动小球的动画效果。任务实施——HTML结构搭建1）在项目chapter4中新建.html文件，将文件命名为example06.html，打开example06.html文件，在<title></title>标签对中输入文字“运动的小球”，为网页设置文档标题。2）在<body></body>标签对中输入<div></div>标签对来制作小球，设置class为ball

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论