MOOC 网页设计基础-广东工贸职业技术学院 中国大学慕课答案_第1页
MOOC 网页设计基础-广东工贸职业技术学院 中国大学慕课答案_第2页
MOOC 网页设计基础-广东工贸职业技术学院 中国大学慕课答案_第3页
MOOC 网页设计基础-广东工贸职业技术学院 中国大学慕课答案_第4页
MOOC 网页设计基础-广东工贸职业技术学院 中国大学慕课答案_第5页
已阅读5页,还剩67页未读 继续免费阅读

下载本文档

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

文档简介

MOOC网页设计基础-广东工贸职业技术学院中国大学慕课答案随堂测试1、问题:自己电脑里创建好的网页可以在本机运行,如果别人想访问我的网站,需要有服务器和申请域名支持才行选项:A、正确B、错误正确答案:【正确】2、问题:导航的作用是引导用户进入网站的各主题页面选项:A、正确B、错误正确答案:【正确】3、问题:网页的标题显示在浏览器窗口的标题栏中,用来标识内页的内容选项:A、正确B、错误正确答案:【正确】4、问题:网页中的文字只能通过键盘录入选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:dreamweaver平台默认的网页主页名是什么?选项:A、index.htmlB、untitle.htmlC、.htmlD、untitle正确答案:【index.html】2、问题:网页文件的后缀名是()选项:A、htmlB、docC、html5D、css正确答案:【html】3、问题:下面哪些是网页文件结构中的元素()选项:A、doctypeB、bodyC、titileD、head正确答案:【doctype#body#titile#head】4、问题:head标签元素里可以包含下面哪些标签元素?选项:A、scriptB、linkC、metaD、base正确答案:【script#link#meta#base】5、问题:在DW平台的站点管理菜单下,删除掉站点的名称后,会把硬盘中的网站文件夹一起删除选项:A、正确B、错误正确答案:【错误】6、问题:网页文档结构必须要包括编码转换的meta信息,否则可能会出现乱码选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:下面哪个方式给文字分段后产生单倍行距?选项:A、按一下键盘的回车键B、按住键盘的shift键同时按回车键C、按键盘的shift键D、按住键盘的ctrl键正确答案:【按住键盘的shift键同时按回车键】2、问题:图片和文字默认的对齐方式是?选项:A、底端对齐B、居中对齐C、顶端对齐D、分散对齐正确答案:【底端对齐】3、问题:下面生成无序列表正确的写法是()选项:A、li首页/lili我的大学/liB、olli首页/lili我的大学/li/olC、ulli首页/lili我的大学/li/ulD、dlli首页/lili我的大学/li/dl正确答案:【ulli首页/lili我的大学/li/ul】4、问题:HTML指的是?选项:A、超文本标记语言(HyperTextMarkupLanguage)B、家庭工具标记语言(HomeToolMarkupLanguage)C、超链接和文本标记语言D、超链接网页语言正确答案:【超文本标记语言(HyperTextMarkupLanguage)】5、问题:下面标签哪些是块元素()选项:A、navB、headerC、footerD、section正确答案:【nav#header#footer#section】6、问题:下面标签,哪些是内联元素()选项:A、aB、brC、spanD、img正确答案:【a#span#img】7、问题:下面哪些标签可以作为段落标签()选项:A、p....../pB、br/C、divD、h1正确答案:【p....../p#br/】8、问题:下面说法哪些是正确的()选项:A、块元素和内联元素是可以互相转换的B、将display属性值设置为inline-block后,元素既有内联元素的特性也有块元素的特性C、浏览器有默认的字符集来解析网页,因此网页中可以不写解析网页的具体字符集D、title标签一般写在head标签的最前面正确答案:【块元素和内联元素是可以互相转换的#将display属性值设置为inline-block后,元素既有内联元素的特性也有块元素的特性】随堂测试1、问题:用哪种css属性可以设置文字的行高?选项:A、line-heightB、text-alignC、colorD、background-color正确答案:【line-height】2、问题:设置哪种css属性可以设置文字的水平对齐方式?选项:A、text-alignB、line-heightC、text-valignD、fong-weight正确答案:【text-align】3、问题:内部样式写在哪个标签里()选项:A、titleB、bodyC、headD、style正确答案:【style】4、问题:按样式定义的位置,可以分为()选项:A、内部样式B、内联样式C、外部样式D、浏览器样式正确答案:【内部样式#内联样式#外部样式#浏览器样式】5、问题:按样式选择器分类,可分为()选项:A、id样式B、类样式C、标签样式D、复合样式正确答案:【id样式#类样式#标签样式#复合样式】6、问题:定义字体大小时,下面哪些单位属于相对大小的单位()选项:A、pxB、emC、ptD、in正确答案:【px#em#pt】随堂测试1、问题:一段文字样式设置主要包括哪些设置?选项:A、字体、字号、颜色B、是否加粗、倾斜C、字体间隔D、是否带下划线正确答案:【字体、字号、颜色#是否加粗、倾斜#字体间隔#是否带下划线】2、问题:段落样式设置可包括哪些?选项:A、设置行距B、设置段落文字水平对齐方式C、设置段落的上下间隔D、设置段落的左右内或外边距正确答案:【设置行距#设置段落文字水平对齐方式#设置段落的上下间隔#设置段落的左右内或外边距】01单元作业01单元测试1、问题:Dreamweaver开发平台默认的静态网站主页文件名为()选项:A、index.htmlB、default.htmlC、index.aspD、index.php正确答案:【index.html】2、问题:静态网页的后缀名为()选项:A、aspB、docC、htmlD、php正确答案:【html】3、问题:可以通过下面样式设置文本的水平对齐方式()选项:A、Text-indentB、Text-alignC、Vertical-alignD、Text-decoration正确答案:【Text-align】4、问题:可以通过下面样式属性设置网页中文字段落的行高()选项:A、heightB、Text-transformC、line-heightD、work-spacing正确答案:【line-height】5、问题:关于字体大小的单位描述,哪个是不正确的选项:A、px:(象素)根据显示器的分辨率来确定长度B、pt:(字号)根据windows系统定义的字号点位的大小来确定长度C、in、cn、mm:(英寸、厘米、毫米)根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。D、em:相对长度单位,单位em是一种相对的字体高度正确答案:【in、cn、mm:(英寸、厘米、毫米)根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。】6、问题:当字体属性设置为.style1{font-family:“黑体”,“隶书”,”楷体”;}时,代表意思是选项:A、字体为黑体B、字体为楷体C、字体为三个中任意一个D、字体首选黑体,如果没有再选隶书,没有隶书再选楷体正确答案:【字体首选黑体,如果没有再选隶书,没有隶书再选楷体】7、问题:下面哪个样式设置是错误的选项:A、.style1{font-family:“黑体”;}B、.style1{font-size:20px;}C、.style1{font-color:D、00ff00;}E、.style1{text-align:center;}正确答案:【.style1{font-color:#00ff00;}】8、问题:下面哪个操作可以产生单倍行距选项:A、按shift键同时按回车键B、按回车键C、按shift键D、将文字在代码视频中用p..../p包起来正确答案:【按shift键同时按回车键】9、问题:网上新闻的正文内容部分,哪个值作为正文的行距比较合适?选项:A、25pxB、100pxC、5pxD、50px正确答案:【25px】10、问题:定义在css文件夹中的样式layout.css,在站点根目录中的网页引用该样式文件,写法正确的是()选项:A、link=css/layout.cssrel=stylesheettype=text/css/B、linkhref=layout.cssrel=stylesheettype=text/css/C、linkhref=css/layout.cssrel=stylesheettype=text/css/D、linkhref=css/layout.css/正确答案:【linkhref=css/layout.cssrel=stylesheettype=text/css/】11、问题:网页中的注释写法正确的是()选项:A、!--注释内容--B、--注释内容--C、/*注释内容*/D、//注释内容正确答案:【!--注释内容--】12、问题:下面哪个标签元素不是属于块元素()选项:A、spanB、divC、articleD、ulE、ol正确答案:【span】13、问题:下面哪个标签元素不是内联元素()选项:A、aB、imgC、spanD、ul正确答案:【ul】14、问题:下面哪些元素是网页元素()选项:A、文字B、图片C、音频文件D、视频文件正确答案:【文字#图片#音频文件#视频文件】15、问题:下面哪些是网页基本结构组成部分()选项:A、headB、bodyC、doctypeD、html正确答案:【head#body#doctype#html】16、问题:设置字体行距的单位可以有()选项:A、pxB、emC、%D、pt正确答案:【px#em#%#pt】17、问题:关于段落的描述哪些是正确的选项:A、按“shift+Enter”组合键可以得到标签为br/分段标志,行距为正常行距。B、按回车键可进行分段,段与段的间距为2倍行距C、可以设置line-height:2;得到段落内文字为2倍的行距D、可以设置line-height:150%;表示百分之150的行距正确答案:【按“shift+Enter”组合键可以得到标签为br/分段标志,行距为正常行距。#按回车键可进行分段,段与段的间距为2倍行距#可以设置line-height:2;得到段落内文字为2倍的行距#可以设置line-height:150%;表示百分之150的行距】18、问题:下面哪些操作让文字段落之间可以产生单倍行距?选项:A、在需要换行的文字后按shift键同时按回车键B、在文字段落的最后一个字符后添加br/标签C、将段落文字用p/p包起来D、按回车键正确答案:【在需要换行的文字后按shift键同时按回车键#在文字段落的最后一个字符后添加br/标签】19、问题:定义字体大小时,下面哪些单位是表示相对大小()选项:A、pxB、ptC、emD、cm正确答案:【px#pt#em】20、问题:Dreamweaver开发平台是网站开发的唯一平台()选项:A、正确B、错误正确答案:【错误】21、问题:Dreamweaver开发平台的文件菜单中创建的网页需要执行保存,才能将文件保存到网站中()选项:A、正确B、错误正确答案:【正确】22、问题:可以通过设置CSS样式的line-height属性来设置段落文字的行高。()选项:A、正确B、错误正确答案:【正确】23、问题:网页里有一段文字,我们可以通过text-valign设置文字在层里的垂直对齐选项:A、正确B、错误正确答案:【错误】24、问题:文字默认的对齐方式是居中对齐的选项:A、正确B、错误正确答案:【错误】25、问题:图片插入到文字中,默认的对方方式是居中对齐的选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:下面对图片的命名,哪个比较符合命名规范?选项:A、背景.jpgB、bg1.jpgC、beijiD、+.jpgE、bg1+.jpg正确答案:【bg1.jpg】2、问题:用于定义页面布局的样式表文件,下面哪个命名更规范()选项:A、layout.cssB、stylesheet.cssC、print.cssD、nav.css正确答案:【layout.css】3、问题:关于样式的优先级别,说法正确的是()选项:A、内联样式内部样式外部样式浏览器样式B、内部样式内联样式外部样式浏览器样式C、类样式ID样式标签样式D、外部样式内联样式内部样式浏览器样式正确答案:【内联样式内部样式外部样式浏览器样式】4、问题:一个层,设置了样式{margin:auto;width:800px;padding:20px;border:10pxsolid#00f;}则这个层的占位宽为()选项:A、800pxB、840pxC、860pxD、不确定正确答案:【860px】5、问题:关于背景图,下面说法错误的是()选项:A、背景图不指定重复属性则默认是重复的B、背景图需要设置高度属性C、背景图不需要明确设置高度和宽度属性D、背景图上可以添加文字和图片元素正确答案:【背景图不需要明确设置高度和宽度属性】6、问题:下面哪些样式定义可使得引用该样式的一列布局网页在屏幕中可能居中显示?选项:A、margin:0auto;B、margin:auto;C、padding:0px;D、margin:5pxauto;正确答案:【margin:0auto;#margin:auto;#margin:5pxauto;】随堂测试1、问题:div层引用了样式:.style1{padding:5px10px;},下面描述哪些是正确的?选项:A、该层内的文字与层的左右边距有10px的距离B、该层内的文字与层的上下边距有5px的距离C、如果计算该层的总占位宽要计算这个内边距D、没什么特别作用正确答案:【该层内的文字与层的左右边距有10px的距离#该层内的文字与层的上下边距有5px的距离#如果计算该层的总占位宽要计算这个内边距】2、问题:添加容器布局层的好处有哪些?选项:A、样式代码更简洁B、一列布局页面的容器层设置了margin属性为auto后,整个页面都可以居中显示了C、在容器层中设置了总宽度后,一列布局页面的其他布局层可以不再设宽度了D、容器层必须要设置高度正确答案:【样式代码更简洁#一列布局页面的容器层设置了margin属性为auto后,整个页面都可以居中显示了#在容器层中设置了总宽度后,一列布局页面的其他布局层可以不再设宽度了】3、问题:设置最外围的容器居中,下面哪些样式的写法是正确的()选项:A、margin:0auto;B、padding:auto;C、margin:10px;D、margin:auto正确答案:【margin:0auto;#margin:auto】4、问题:在外部样式中定义了布局标签content,如果有多个网页中引用了该外部样式,则每个网页中的content标签样式都变成是一样的了选项:A、正确B、错误正确答案:【正确】5、问题:设置了背景颜色或背景图,不一定非要设置高度也一定能显示出来的选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:一列自适应宽度布局的容器层可设置固定宽度选项:A、正确B、错误正确答案:【错误】2、问题:一列自适应宽度容器层设成一个百分数,然后里面的每个布局层可以不设宽度,或也设成一个百分比宽度选项:A、正确B、错误正确答案:【正确】3、问题:一个层,可以同时添加背景图和背景颜色选项:A、正确B、错误正确答案:【正确】02单元作业02单元测试1、问题:在css盒子模型中,盒子的总占位宽由()决定选项:A、由样式属性中的width属性决定B、由样式属性中的width和左右内边距padding属性决定C、由样式属性中的width、左右内边距padding和边框宽度的属性决定D、由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定正确答案:【由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定】2、问题:关于样式的描述,哪个是不正确的选项:A、内部样式定义在网页文件的头部位置的style标签内B、外部样式定义在单独的样式文件中C、浏览器样式我们不能随便修改D、html内联样式定义在网页文件的头部位置正确答案:【html内联样式定义在网页文件的头部位置】3、问题:当层内部的文字与层的左边距太贴近时,可设置下面哪个属性值使文字与层左边留一定的空白距离选项:A、margin-left:10px;B、margin-right:10px;C、padding-left:10px;D、padding-right:10px;正确答案:【padding-left:10px;】4、问题:根据命名规范,下面哪个是合规范的选项:A、给网页内容区样式命名为headerB、给网页头部区样式命名为contentC、给网页页脚区样式命名为fD、给网页导航区样式命名为nav正确答案:【给网页导航区样式命名为nav】5、问题:引用了h3样式的文字上面新产生了一行空白,是因为()选项:A、标题样式有默认的外上边距B、标题样式有默认的内上边距C、行高的原因D、不确定原因正确答案:【标题样式有默认的外上边距】6、问题:关于样式的优先级别,说法正确的是()选项:A、内联样式内部样式外部样式浏览器样式B、内部样式内联样式外部样式浏览器样式C、内联样式外部样式内部样式浏览器样式D、类样式ID样式正确答案:【内联样式内部样式外部样式浏览器样式】7、问题:链接元素的伪类需要按一定的顺序定义,下面哪个顺序是正确的()选项:A、a:link,a:visited,a:hover,a:activeB、a:link,a:hover,a:visited,a:activeC、a:visited,a:link,a:hover,a:activeD、可以随便写正确答案:【a:link,a:visited,a:hover,a:active】8、问题:position默认的属性值是()选项:A、staticB、fixedC、realtiveD、absolute正确答案:【static】9、问题:要求块元素里面的文字要离左边有200px的距离,假设这个块元素总占位宽为1000px,则下面哪个样式的写法是正确的()选项:A、可设置margin-left:200px;width:800px;B、可设置padding:200px;width:800px;C、可设置padding-left:200px;width:800px;D、可设置margin:200px;width:800px;正确答案:【可设置margin-left:200px;width:800px;】10、问题:背景图片的位置background-position属性,如果只设了一个参数,则垂直方向默认为()选项:A、centerB、middleC、rightD、left正确答案:【center】11、问题:一行文字在一个层中垂直居中,可以通过设置样式()实现选项:A、设置这个层的行高属性值跟高度一样B、设置这个层的高度属性值跟文字高度一样C、设置这个层的行高属性值跟文字的行高一样D、设置文字大小和高度一样正确答案:【设置这个层的行高属性值跟高度一样】12、问题:下面哪些说法是不正确的()选项:A、层中引用类样式style1写法为divclass=“style1”B、重定义段落p标签样式,定义完不需要引用。C、一个ID样式可以在一个网页中同时被多个不同的html元素引用D、ID样式在一个网页中只能被一个html标签元素引用。正确答案:【一个ID样式可以在一个网页中同时被多个不同的html元素引用】13、问题:下面哪些说法是正确的选项:A、层中引用类样式style1写法为divclass=”style1”B、重定义标签样式h1,定义完不需要引用C、同一个类样式可以在一个网页中多次被引用D、ID样式在一个网页中只能被一个html元素引用正确答案:【层中引用类样式style1写法为divclass=”style1”#重定义标签样式h1,定义完不需要引用#同一个类样式可以在一个网页中多次被引用#ID样式在一个网页中只能被一个html元素引用】14、问题:关于样式的描述,哪些是正确的选项:A、内部样式定义在网页文件的头部标签内B、外部样式定义在单独的样式文件中,用户需要在网页文件中引用该样式文件才能使用外部样式C、浏览器样式我们不能随便修改D、html内联样式定义在网页文件的头部正确答案:【内部样式定义在网页文件的头部标签内#外部样式定义在单独的样式文件中,用户需要在网页文件中引用该样式文件才能使用外部样式#浏览器样式我们不能随便修改】15、问题:根据命名规范,下面哪些是合规范的选项:A、给网页内容区样式命名为headerB、给网页头部区样式命名为headerC、给网页页脚区样式命名为footerD、给网页导航区样式命名为nav正确答案:【给网页头部区样式命名为header#给网页页脚区样式命名为footer#给网页导航区样式命名为nav】16、问题:下面哪些样式的属性值设置可以让引用该样式的层处于页面的居中状态选项:A、margin:0auto;B、margin:auto;C、margin:auto0px;D、margin:0;正确答案:【margin:0auto;#margin:auto;】17、问题:下面说法哪些是正确的()选项:A、内联样式的优先级别最高B、浏览器样式的优先级别最低C、定义了同名同类型的样式,则内部样式的优先级别比外部样式高D、在外部样式文件中,多次定义了同名同类型样式,则后定义的优先级别高正确答案:【内联样式的优先级别最高#浏览器样式的优先级别最低#定义了同名同类型的样式,则内部样式的优先级别比外部样式高#在外部样式文件中,多次定义了同名同类型样式,则后定义的优先级别高】18、问题:标签样式是系统已经事先定义好的样式,用户不能再修改了选项:A、正确B、错误正确答案:【错误】19、问题:标签样式一般来说不需要引用选项:A、正确B、错误正确答案:【正确】20、问题:复合样式是指同时作用在二个或以上标签的样式,如.style1img,一般来讲只需要引用复合样式中的第一个样式(如果组成的复合样式都是标签样式,则可以不引用)复合样式就能起作用选项:A、正确B、错误正确答案:【正确】21、问题:在层里添加图片背景,可以不设背景图片样式的高度选项:A、正确B、错误正确答案:【错误】22、问题:自适应布局页面是指页面宽度按百分比设置的选项:A、正确B、错误正确答案:【正确】23、问题:自适应布局页面需要考虑版面变宽或缩小后页面布局是否变形的问题选项:A、正确B、错误正确答案:【正确】24、问题:一个层,可以同时添加背景图和背景颜色选项:A、正确B、错误正确答案:【正确】25、问题:伪类是指一个标签元素,具有不同的形态,如鼠标经过时一个形态、鼠标点击时一个形态选项:A、正确B、错误正确答案:【正确】26、问题:对一个块元素设置背景颜色或背景图片,如果该块元素没有其他内容,则一定需要设置块元素的高度,这样背景才能显示出来选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:一个页面中有二个层,层里有文字和图片,二个层都引用了样式.style1,并设了复合样式.style1img{float:right;},另外设了标签样式:img{float:left;},下面哪个选项是对的?选项:A、二个层的图片都向右浮动B、二个层的图片都向左浮动C、一个层的图片向左浮,一个层的图片向右浮动D、上述都不对正确答案:【二个层的图片都向右浮动】2、问题:在页面中分别设置下面的样式:img{float:left;}img{float:right;}网页中的图片将会?选项:A、向左浮动B、向右浮动C、有时向左有时向右D、不确定正确答案:【向右浮动】随堂测试1、问题:文字默认与图片的对齐方式是()选项:A、顶端对齐B、二边对齐C、底端对齐D、垂直居中对齐正确答案:【底端对齐】2、问题:图文混排的关键代码是()选项:A、设置图片的浮动B、设置图片的宽度和高度C、设置层的浮动D、设置好层的行高正确答案:【设置图片的浮动】随堂测试1、问题:一个层中所引用的样式设置了背景图(background-repeat属性没有设置),另外设置了padding属性为:padding:5px10px;下面哪个说法是正确的?选项:A、背景图将铺满包括padding内边距在内的层B、背景图将铺满除去padding内边距之外的层C、背景图将只显示原图片大小D、上述都不对正确答案:【背景图将铺满包括padding内边距在内的层】2、问题:使用边框线作为间隔线时,可设置下面哪些属性样式()选项:A、设置宽度B、设置线条颜色C、设置线条的对齐方式D、设置线条的粗细正确答案:【设置宽度#设置线条颜色#设置线条的对齐方式#设置线条的粗细】3、问题:层div/div必须是一对出现的选项:A、正确B、错误正确答案:【正确】4、问题:层div/div如果没有引用样式的话,运行后是无形的东西,也不占空间选项:A、正确B、错误正确答案:【正确】03单元作业03单元测试1、问题:下面哪个样式的属性值设置可以让引用该样式的层处于页面的居中状态选项:A、margin:5px10px;B、margin:0auto;C、margin:auto0px;D、padding:5px;正确答案:【margin:0auto;】2、问题:一个层引用style1类样式,当设置层中图片在文字的左端图文环绕时,图片的样式需要修改为为()选项:A、.style1img{float:right;}C、style1img{clear;left;}D、.style1img{float:left;}E、img{clear;both;}正确答案:【.style1img{float:left;}】3、问题:使得一个层中的文字在页面水平居中显示,可设置属性()选项:A、text-align:center;B、text-valign:middle;C、line-height:center;D、font-family:middle;正确答案:【text-align:center;】4、问题:设置一个边框线为1px的实线红色边框代码为()选项:A、border:1pxredsoild;B、border:1pxsoildC、f00;D、border:E、f00soild1px;F、Border:soild1pxred;正确答案:【border:1pxsoild#f00;】5、问题:一个层中所引用的样式设置了背景图(background-repeat属性没有设置),另外设置了padding属性为:padding:5px10px;下面哪个说法是正确的?选项:A、背景图将铺满包括padding内边距在内的层B、背景图将铺满除去padding内边距之外的层C、背景图将只显示原图片大小D、上述都不对正确答案:【背景图将铺满包括padding内边距在内的层】6、问题:列表文字在导航层垂直居中的设置()选项:A、设置导航层的行高line-height和层的高度height一致B、line-height是层高度height的二倍C、设置导航所在层的上下外边距为autoD、设置导航所在层的左右外边距为auto正确答案:【设置导航层的行高line-height和层的高度height一致】7、问题:可以设置图片标签img的vertical-align属性调整图片的垂直对齐方式。选项:A、正确B、错误正确答案:【错误】8、问题:重定义图片的标签样式img,可实现图片在文字的左侧或右侧浮动选项:A、正确B、错误正确答案:【正确】9、问题:图片和文字加到同一个层里,默认文字与图片是顶端对齐方式选项:A、正确B、错误正确答案:【错误】10、问题:在一个层中设置文字的垂直对齐属性text-valign不会起作用选项:A、正确B、错误正确答案:【正确】11、问题:div/div必须是一对出现的层选项:A、正确B、错误正确答案:【正确】12、问题:层div/div如果没有引用样式的话,运行后是无形的东西,也不占空间选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:对并排层的说法,哪些中正确的()选项:A、并排层的总占位宽不能超过上一级层的占位宽B、并排的所有层都需要设置浮动属性C、层设置了浮动样式后,对后面的层的显示方式,在一些浏览器下可能会被隐藏D、并排层可以设置margin:auto,使得层在页面中居中正确答案:【并排层的总占位宽不能超过上一级层的占位宽#并排的所有层都需要设置浮动属性#层设置了浮动样式后,对后面的层的显示方式,在一些浏览器下可能会被隐藏】2、问题:可以像设置文字一样设置图片的水平对齐方式选项:A、正确B、错误正确答案:【正确】3、问题:文字引用了标签h2标题样式后,可以通过重定义h2标签样式,使标题样式满足我们的要求选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:一个层的样式为:#left{width:350px;float:left;padding:10px;}在这个层里继续添加新层,新层里添加文字,这个新层引用的样式为{padding:15px;}则这个左边层left的占位宽是()选项:A、350pxB、370pxC、380pxD、400px正确答案:【370px】2、问题:实现二列布局的关键代码你觉得有哪些?选项:A、并排的二列要设置浮动样式B、并排二列的占位宽之和不大于最外层容器的宽度C、并排的二列需要设置margin的属性为auto;D、并排的二列必须设置同样的高度正确答案:【并排的二列要设置浮动样式#并排二列的占位宽之和不大于最外层容器的宽度】04单元作业04单元测试1、问题:在网站根目录下的CSS文件夹中有一个命名为layout.css的样式文件,则在根目录下的网页文件引用方式为选项:A、linkhref=layout.cssrel=stylesheettype=text/css/B、linkhref=CSS/layout.cssrel=stylesheettype=text/css/C、linkhref=CSS/layout.cssrel=stylesheet/D、linkhref=layout.cssrel=stylesheet/正确答案:【linkhref=CSS/layout.cssrel=stylesheettype=text/css/】2、问题:下面哪个样式设置可以使导航层文字在导航层中垂直方向也能居中显示B、nav{line-height:32px;height:32px;}D、nav{line-height:32px;text-vertical;middle;}F、nav{text-vertical;middle;height:32px;}H、nav{text-vertical;middle;}正确答案:【#nav{line-height:32px;height:32px;}】3、问题:下面关于样式的优先级别,哪个说法是不对的选项:A、同名样式中,内部样式中定义的优先权大于外部样式文件中定义的同名样式B、相同优先级别的样式表中定义多个同名样式,按定义的先后顺序确定优先级别,先定义的优先级别低,后定义的优先级别高C、浏览器样式的优先级别是最高的D、各个样式表的优先级根据选择符确定,原则是应用范围越广的选择符级别越低,限制条件越多应用范围越小的选择符优先级别越高正确答案:【浏览器样式的优先级别是最高的】4、问题:一个层的样式为:#left{width:350px;float:left;padding:10px;}在这个层里继续添加新层,新层里添加文字,这个新层引用的样式为{padding:15px;}则这个左边层left的占位宽是()选项:A、350pxB、370pxC、380pxD、400px正确答案:【370px】5、问题:对并排的层的描述哪些描述是正确的选项:A、并列的每个层需要分别设置宽度,并且需要设置浮动B、要在并列层的外面增加一个容器层C、并列的层可设置属性margin值为autoD、并排的层总占位宽度总和不能超过外围容器层的宽度正确答案:【并列的每个层需要分别设置宽度,并且需要设置浮动#要在并列层的外面增加一个容器层#并排的层总占位宽度总和不能超过外围容器层的宽度】6、问题:下面关于样式的优先级别,哪些说法是正确的选项:A、同名样式中,内部样式中定义的优先权大于外部样式文件中定义的同名样式B、相同优先级别的样式表中定义多个同名样式,按定义的先后顺序确定优先级别,先定义的优先级别低,后定义的优先级别高C、同一个标签引用多个相同优先级别的样式表中定义的样式时,优先级别样式从高到低依次为:style内联样式标签复合样式id样式类样式标签样式*通用选择符样式D、各个样式表的优先级根据选择符确定,原则是应用范围越广的选择符级别越低,限制条件越多应用范围越小的选择符优先级别越高正确答案:【同名样式中,内部样式中定义的优先权大于外部样式文件中定义的同名样式#相同优先级别的样式表中定义多个同名样式,按定义的先后顺序确定优先级别,先定义的优先级别低,后定义的优先级别高#同一个标签引用多个相同优先级别的样式表中定义的样式时,优先级别样式从高到低依次为:style内联样式标签复合样式id样式类样式标签样式*通用选择符样式#各个样式表的优先级根据选择符确定,原则是应用范围越广的选择符级别越低,限制条件越多应用范围越小的选择符优先级别越高】7、问题:下面哪些样式设置可以清除层的浮动继承选项:A、.clearfloat{clear:both;}B、.clearfloat{clear:both;height:0;font-size:0;}C、.clearfloat{float:left;}D、clearfloat{clear:left;}正确答案:【.clearfloat{clear:both;}#.clearfloat{clear:both;height:0;font-size:0;}】8、问题:关于容器层的说法,哪些是正确的选项:A、可以给容器层定义margin值为autoB、可以给容器层定义宽度属性C、可以给容器层定义浮动属性D、容器层必须定义好高度属性正确答案:【可以给容器层定义margin值为auto#可以给容器层定义宽度属性】9、问题:一行文字作为文章的标题,下面说法正确的是()选项:A、可以用h1、h2或h3等标题标签样式把这行文字包起来,对标题标签样式可以重定义B、可以设置满足标题要求的普通的类样式或ID样式,然后这个标题文字去引用定义的样式C、可以定义复合样式D、可以定义伪类样式,使鼠标经过时显示不同字体颜色正确答案:【可以用h1、h2或h3等标题标签样式把这行文字包起来,对标题标签样式可以重定义#可以设置满足标题要求的普通的类样式或ID样式,然后这个标题文字去引用定义的样式#可以定义伪类样式,使鼠标经过时显示不同字体颜色】10、问题:并排层设置了浮动属性后,下面哪些说法是正确的()选项:A、后面不需要并排的层建议需要添加清除浮动的样式设置B、可以在并排层后面添加一个高度为0,并且有清除浮动样式的层C、不同的浏览器,后面受影响的层的显示可能会受影响D、正确写后面层的样式就行,前面的浮动属性不会对后面产生影响正确答案:【后面不需要并排的层建议需要添加清除浮动的样式设置#可以在并排层后面添加一个高度为0,并且有清除浮动样式的层#不同的浏览器,后面受影响的层的显示可能会受影响】11、问题:需要在一个页面中被多个不同的html元素次引用的样式不能定义为ID样式选项:A、正确B、错误正确答案:【正确】12、问题:一个网页可以引用多个样式文件选项:A、正确B、错误正确答案:【正确】13、问题:作为最外围的容器层,一般不设置高度属性选项:A、正确B、错误正确答案:【正确】14、问题:并排的每个层如果各自有不同的背景,一般要给并排层设置统一高度选项:A、正确B、错误正确答案:【正确】15、问题:布局层里添加一个层,再在这个层里添加文字,这个文字层引用的样式有设置padding属性,这个属性不会影响布局层的占位宽选项:A、正确B、错误正确答案:【正确】16、问题:可以像设置文字一样设置图片的水平对齐方式选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:三个层并排,分别引用样式con1、con2和con3,这三个样式都设置为向右浮动,则三个层从左到右的排列顺序为:选项:A、con1、con2、con3B、con3、con2、con1C、con1、con3、con2D、con3、con1、con2正确答案:【con3、con2、con1】2、问题:四个层并排,按顺序分别引用样式con1、con2、con3和con4,其中con1、con3和con4这三个样式都设置为向右浮动,con2的样式向左浮动,则四个层从左到右的排列顺序为:选项:A、con1、con2、con3、con4B、con2、con4、con3、con1C、con1、con2、con4、con3D、con2、con1、con3、con4正确答案:【con2、con4、con3、con1】3、问题:并排的三个列,可分别设置成向左或向右浮动,不会影响它们的排列顺序选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:实现多列布局的关键代码你觉得有哪些?选项:A、并排的列要设置浮动样式B、并排列的占位宽之和不大于最外层容器的宽度C、并排的列可以设置margin的属性为auto;D、并排的列高度必须一致正确答案:【并排的列要设置浮动样式#并排列的占位宽之和不大于最外层容器的宽度】2、问题:并排的多个列如果有设置背景时一般要考虑统一设置列的高度,否则可能会造成各列高度看起来参差不齐的情况选项:A、正确B、错误正确答案:【正确】05单元作业05单元测验1、问题:三个层从上到下的顺序为层1层2层3,当设置三个层都向右浮动时,则三个层从左到右的排列顺序为(ꢀꢀ)选项:A、层1层2层3B、层3层2层1C、层2层1层3D、都不对正确答案:【层3层2层1】2、问题:对并排的层的描述哪个是不正确的()选项:A、并列的每个层需要分别设置宽度,并且需要设置浮动B、要在并列层的外面增加一个容器层C、并列的层可设置属性margin值为autoD、并排的层占位宽度总和不能超过外围容器层的宽度正确答案:【并列的层可设置属性margin值为auto】3、问题:并排层的总占位宽计算为()选项:A、每个层的width属性值之和B、每个层的width属性和内外边距属性值之和C、每个层的width属性和内外边距属性和边框属性值之和D、都不对正确答案:【每个层的width属性和内外边距属性和边框属性值之和】4、问题:添加清除浮动层的作用是()选项:A、清除上面的浮动层的浮动继承性对下面层的影响B、起间隔作用C、没什么作用D、让下面的层继承上面层的浮动效果正确答案:【清除上面的浮动层的浮动继承性对下面层的影响】5、问题:olli/lili/li/ol的作用是()选项:A、产生无序列表项B、产生以数字排序的有序列表C、产生以圆点排序的有序列表D、随机产生有序或无序列表正确答案:【产生以数字排序的有序列表】6、问题:设计多列布局网页时,一般来说需要在最外围添加容器层选项:A、正确B、错误正确答案:【正确】7、问题:多列并排层的下一个不需要并排的层,为了避免浮动的影响,一般需要设置清除浮动选项:A、正确B、错误正确答案:【正确】8、问题:并排层之间如果需要设置空白间隔,可以通过设置padding属性值得到选项:A、正确B、错误正确答案:【错误】9、问题:并排的每个层都需要设置width属性值和margin属性值选项:A、正确B、错误正确答案:【错误】10、问题:并排的三个列,可分别设置成向左或向右浮动,不会影响它们的排列顺序选项:A、正确B、错误正确答案:【错误】11、问题:并排的多个列如果有设置背景时一般要考虑统一设置列的高度,否则可能会造成各列高度看起来参差不齐的情况选项:A、正确B、错误正确答案:【正确】12、问题:网页文件必须在head/head标签内添加对外部样式文件的引用才能使用外部样式中定义的样式选项:A、正确B、错误正确答案:【正确】13、问题:建ol的复合样式,其中margin-top设置0是去掉有序列表默认的外上边距选项:A、正确B、错误正确答案:【正确】随堂小测1、问题:1.下面哪种写法可以链接到百度网页?选项:A、ahref=百度百度/aB、ahref=target=new百度/aC、D、正确答案:【】2、问题:2.在网页里插入图片里,在代码视图里,图片可以写上宽度和高度,如:imgsrc=images/molan.jpgwidth=220height=165alt=墨兰/,其中宽度和高度的单位默认是选项:A、ptB、pxC、emD、cm正确答案:【px】3、问题:3.文字做链接后如果不设置访问过后的链接样式,则点击链接后,链接文字的颜色会变成:选项:A、黑色B、蓝色C、紫色D、红色正确答案:【紫色】4、问题:4.图片链接的写法哪个是正确的()选项:A、ahref=index.htmlimgsrc=molan.jpgwidth=100height=100alt=兰花//aB、ahref=index.htmlimghref=molan.jpgwidth=100height=100alt=兰花//aC、ahref=index.htmlimgurl=molan.jpgwidth=100height=100alt=兰花//aD、ahref=index.htmlimgrel=molan.jpgwidth=100height=100alt=兰花//a正确答案:【ahref=index.htmlimgsrc=molan.jpgwidth=100height=100alt=兰花//a】5、问题:5.对链接文字设置不同伪类形态的作用有哪些?()选项:A、设置鼠标经过的不同形态,使用户有即时使用感B、设置访问过后的样式,使得访问后的形态与系统默认的形态不同C、设置链接样式,使点击文字后可跳转到其他页面D、没啥好处正确答案:【设置鼠标经过的不同形态,使用户有即时使用感#设置访问过后的样式,使得访问后的形态与系统默认的形态不同#设置链接样式,使点击文字后可跳转到其他页面】随堂测验1、问题:1.使用链接文字做导航,要求这个文字在导航层中垂直居中,关键是设置样式为:选项:A、设置链接文字的行高样式跟层高一致B、链接文字的高度样式属性值跟层高一致C、链接文字的行高样式属性值跟层的行高属性值一致D、都不对正确答案:【设置链接文字的行高样式跟层高一致】2、问题:2.链接文字的水平居中设置了下面哪个属性选项:A、链接文字的行高跟层高一样B、链接文字所在层设置text-align:center;C、链接文字所在层设置了margin:auto;D、链接文字所在层设置了margin:0auto;正确答案:【链接文字所在层设置text-align:center;】3、问题:不同的样式名,但样式设置的内容一样,则同时定义这些样式时,样式名之间可用()符号间隔选项:A、点B、名句C、分号D、逗号正确答案:【逗号】06单元作业06单元测试1、问题:关于链接文字的描述哪个是正确的选项:A、链接文字默认字体颜色是黑色的B、链接文字默认字体颜色是蓝色的且带下划线C、点击链接文字后,字体默认的颜色是蓝色的D、鼠标经过链接文字默认颜色是会变色的正确答案:【链接文字默认字体颜色是蓝色的且带下划线】2、问题:关于图片链接下面哪个说法是正确的选项:A、必须设置高度和宽度B、一般采用绝对路径C、点击图片链接可以跳转到指定页面D、默认带黑色的边框线正确答案:【点击图片链接可以跳转到指定页面】3、问题:关于文档路径,哪个说法是不正确的选项:A、文字或图片链接到站外文件时,必须使用含服务器协议的完全路径B、创建外部超链接时必须使用绝对路径,如链接到百度,可写成C、利用超级链接可以使网页链接到相关的图像文件、压缩包文件、word文档等D、根目录相对的路径是从当前站点的根目录开始的路径,相对路径不包含磁盘符号正确答案:【创建外部超链接时必须使用绝对路径,如链接到百度,可写成】4、问题:链接文字的目标属性target设置为()时表示每次点击链接都从新的浏览器窗口中打开链接页面选项:A、newB、_blankC、selfD、parent正确答案:【_blank】5、问题:链接文字默认的访问过后的字体颜色是()选项:A、黑色B、蓝色C、紫色D、白色正确答案:【紫色】6、问题:下面邮件链接哪个格式是正确的()选项:A、ahref=telnet:zhang@163.com联系我们/aB、aurl=mailto:zhang@163.com联系我们/aC、ahref=ftp:zhang@163.com联系我们/aD、ahref=mailto:zhang@163.com联系我们/a正确答案:【ahref=mailto:zhang@163.com联系我们/a】7、问题:对链接导航文字样式的说法,哪些是正确选项:A、要使一级横向导航在层中垂直居中显示,可设置行高和层高度一致B、链接文字如果不设访问过后的样式,则默认为紫色字体C、链接导航文字块之间的间隔可通过设置链接文字的左右内边距或左右外边距实现。D、链接文字默认是不带下划线的正确答案:【要使一级横向导航在层中垂直居中显示,可设置行高和层高度一致#链接文字如果不设访问过后的样式,则默认为紫色字体#链接导航文字块之间的间隔可通过设置链接文字的左右内边距或左右外边距实现。】8、问题:关于导航的描述哪些是正确的选项:A、可用链接文字实现B、可放在内容区里C、可跳转到本网站的各个页面D、可用列表项链接文字实现正确答案:【可用链接文字实现#可放在内容区里#可跳转到本网站的各个页面#可用列表项链接文字实现】9、问题:下载链接可以链接到下面哪些类型的文件()选项:A、PPTB、WORDC、rar压缩包D、zip压缩包正确答案:【PPT#WORD#rar压缩包#zip压缩包】10、问题:创建外部超链接时可以使用相对路径选项:A、正确B、错误正确答案:【错误】11、问题:文字链接可以链接到word文档或PPT文档选项:A、正确B、错误正确答案:【正确】12、问题:做导航时通常会用左右内边距使得各导航内容产生横个间隔选项:A、正确B、错误正确答案:【正确】13、问题:普通链接文字无法做成竖向导航选项:A、正确B、错误正确答案:【错误】14、问题:导航样式一般设成复合样式,如果只设a:link,会使得整个页面的链接文字都受影响选项:A、正确B、错误正确答案:【正确】随堂小测1、问题:对列表导航的li链接文字设置显示模式是块状模式的作用是使得背景图片的宽度和高度能起到作用选项:A、正确B、错误正确答案:【正确】2、问题:对列表项ul块设置margin的外上边距为0作用是去掉ul默认外上边距对层的影响选项:A、正确B、错误正确答案:【正确】随堂小测1、问题:横向列表导航每个列表块之间的水平间隔可以通过下面哪些设置实现?选项:A、在ulli列表样式中设置左右内边距B、在ullia:link的链接样式中设置左右内边距C、在ullia:hover的链接样式中设置左右内边距D、在ul样式中设置左右内边距正确答案:【在ulli列表样式中设置左右内边距#在ullia:link的链接样式中设置左右内边距】2、问题:如果不设置访问过后的链接导航样式,则点击导航链接后会变成紫色字体选项:A、正确B、错误正确答案:【正确】07单元作业07单元测试1、问题:横向列表导航每个列表块之间的水平间隔可以通过下面哪些设置实现?选项:A、在ulli列表样式中设置左右内边距B、在ullia:link的链接样式中设置左右内边距C、在ullia:hover的链接样式中设置左右内边距D、在ul样式中设置左右内边距正确答案:【在ulli列表样式中设置左右内边距#在ullia:link的链接样式中设置左右内边距】2、问题:使用ulli/li/ul列表项结合CSS样式,可以实现下面哪些功能选项:A、横向一级或多级导航B、竖向导航C、新闻标题列表D、布局多列页面正确答案:【横向一级或多级导航#竖向导航#新闻标题列表】3、问题:作为导航的背景图片或背景颜色,在不同地方设置所起的作用略有不同,可以在哪些样式中设置背景图或背景颜色()选项:A、导航所在的层B、ul块C、li样式D、li链接样式正确答案:【导航所在的层#ul块#li样式#li链接样式】4、问题:标签元素ul/ul具有默认的外边距,用作导航时可能会影响网页的布局选项:A、正确B、错误正确答案:【正确】5、问题:普通链接文字做导航时,水平居中可设text-align属性达到,但列表导航则不能用这种方式设置选项:A、正确B、错误正确答案:【正确】6、问题:设置链接文字的display属性值为block时,则链接块的宽度和高度属性设置起作用选项:A、正确B、错误正确答案:【正确】7、问题:一个页面链接文字的目标属性target都设置为new时表示每次点击链接都从新的浏览器窗口中打开链接页面选项:A、正确B、错误正确答案:【错误】8、问题:如果不设置访问过后的导航样式,则点击导航链接后会变成蓝色带下划线的字体选项:A、正确B、错误正确答案:【错误】9、问题:对列表项ul块设置margin的外上边距为0作用是去掉ul默认外上边距对层的影响选项:A、正确B、错误正确答案:【正确】10、问题:鼠标经问的样式如果不另外设置,则默认跟链接样式一样选项:A、正确B、错误正确答案:【正确】11、问题:点击导航链接后该导航的样式如果不另外设置,则默认跟链接样式一样选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:1.给文本设置text-shadow属性参数时,可分别设置向左、向右、向上和向下方向的阴影,并产生叠加效果选项:A、正确B、错误正确答案:【正确】2、问题:2.版本太旧的浏览器对CSS3样式属性可能会产生不兼容,无法正确解读CSS3的样式,需要添加一些前缀才能对css3样式进行解析选项:A、正确B、错误正确答案:【正确】3、问题:使用CSS3设计文本的阴影、描边和浮雕效果,本质上是在不同方向设置的模糊大小、颜色和阴影大小不同而产生不同的视觉效果选项:A、正确B、错误正确答案:【正确】随堂测试1、问题:使得CSS3样式可以兼容Firefox浏览器,则CSS3样式属性前要添加()前缀选项:A、-moz-B、-o-C、-ms-D、-webkit-正确答案:【-moz-】2、问题:使得CSS3样式可以兼容苹果公司或谷歌公司的浏览器,则CSS3样式属性前要添加()前缀选项:A、-o-B、-webkit-C、-ms-D、-ms-正确答案:【-webkit-】3、问题:css3的border-radius属性值可应用下面哪些元素中()选项:A、divB、pC、img图片D、ul、li列表项正确答案:【div#p#img图片#ul、li列表项】4、问题:border-radius:10px15px;则这里15px代表()圆角半径选项:A、左上角B、右上角C、左下角D、右下角正确答案:【右上角#左下角】5、问题:border-radius属性应用到层等块元素时,需要先添加边框线,圆角效果才能出来选项:A、正确B、错误正确答案:【正确】6、问题:将一个宽度和高度一样的方形图片的border-radius属性值设置为宽度尺寸的一半时,可呈现一个圆形图片选项:A、正确B、错误正确答案:【正确】7、问题:box-shadow的第2个参数值为负值时,表示在垂直方向向下添加边框阴影选项:A、正确B、错误正确答案:【错误】08单元作业08单元测试1、问题:使得CSS3样式可以兼容Firefox浏览器,则CSS3样式属性前要添加()前缀选项:A、-o-B、-moz-C、-ms-D、-webkit-正确答案:【-moz-】2、问题:使得CSS3样式可以兼容苹果公司或谷歌公司的浏览器,则CSS3样式属性前要添加()前缀选项:A、-o-B、-webkit-C、-ms-D、-ms-正确答案:【-webkit-】3、问题:border-radius:10px150px20px90px;表示加到图片上四个角的圆角半径顺序为()选项:A、左上角--右上角-左下角-右下角B、左上角--右上角-右下角-左下角C、右下角-左下角-左上角--右上角D、左下角-左上角--右上角-右下角正确答案:【左上角--右上角-右下角-左下角】4、问题:在使用CSS3盒模型时,box-sizing属性设置为(),元素的宽度只是该元素内容的宽度,而不包括边框和内边距的宽度选项:A、content-boxB、border-boxC、text-boxD、none正确答案:【content-box】5、问题:下列关于box-shadow属性参数的说法正确的是()选项:A、第一个参数值设置水平距离B、用于设置文字投影C、第二个参数值设置水平距离D、第三个参数值设置投影颜色正确答案:【第一个参数值设置水平距离】6、问题:设置盒子圆角的属性是()选项:A、box-sizingB、box-shadowC、border-radiusD、border正确答案:【border-radius】7、问题:css3的border-radius属性值可应用下面哪些元素中()选项:A、ulB、liC、imgD、p正确答案:【ul#li#img#p】8、问题:border-radius:10px15px20px;则这里15px代表()的圆角半径选项:A、左上角B、右上角C、右下角D、左下角正确答案:【右上角#左下角】9、问题:border-radius:10px15px;则这里10px代表()圆角半径选项:A、左上角B、右下角C、右上角D、左下角正确答案:【左上角#右下角】10、问题:给文本设置text-shadow属性参数时,可分别设置向左、向右、向上和向下方向的阴影效果选项:A、正确B、错误正确答案:【正确】11、问题:通过给文字在对角线上添加阴影效果可产生浮雕的光影效果选项:A、正确B、错误正确答案:【正确】12、问题:苹果公司的浏览器对CSS3样式属性可能会无法解读,需要添加一个-o-前缀选项:A、正确B、错误正确答案:【错误】13、问题:border-radius属性应用到块元素,如层div时,由于层本身没有边框线,因此需要先添加边框线,圆角效果才能出来选项:A、正确B、错误正确答案:【正确】14、问题:将一个宽度和高度一样的方形图片的border-radius属性值设置为宽度尺寸的一半时,可呈现一个圆形图片选项:A、正确B、错误正确答案:【正确】15、问题:box-shadow的第2个参数值为负值时,表示在垂直方向向下添加边框阴影选项:A、正确B、错误正确答案:【错误】随堂测验1、问题:transform:rotate(7deg)表示()选项:A、中心点为原点逆时针方向旋转7度B、以左上角为原点逆时针方向旋转7度C、以左上角为原点顺时针方向旋转7度D、中心点为原点顺时针方向旋转7度正确答案:【中心点为原点顺时针方向旋转7度】2、问题:transform:scaleY(1.5)表示()选项:A、在x轴方向放大1.5倍B、在x和y轴方向放大1.5倍C、在y轴方向放大1.5倍D、在y轴方向旋转1.5角度正确答案:【在y轴方向放大1.5倍】3、问题:divclass=boxscale1/div表示()选项:A、这个层引用了一个名为box和一个名为scale1的ID样式B、这个层引用了一个名为boxscale1的类样式C、这个层同时引用了一个名为box和一个名为scale1的类样式D、这个层引用了一个名为box和一个名为scale1的标签样式正确答案:【这个层同时引用了一个名为box和一个名为scale1的类样式】随堂测验1、问题:1.animation默认的动画速度曲线是()选项:A、ease:动画以低速开始,然后加快,在结束前变慢B、linear动画从头到尾的速度是相同的C、ease-in动画以低速开始D、ease-in-out动画以低速开始和结束正确答案:【ease:动画以低速开始,然后加快,在结束前变慢】2、问题:2.定义一个animation动画,至少需要()选项:A、定义一个动画名称animation-nameB、定义一个运行时长animation-durationC、定义动画的播放次数D、定义动画的轨迹正确答案:【定义一个动画名称animation-name#定义一个运行时长animation-duration】3、问题:3.写字体颜色或背景颜色样式时,颜色的表示可以是()选项:A、以B、开头+3位的16进制数C、以D、开头+6位的16进制数E、以F、开头+5位的16进制数G、英文颜色的单词正确答案:【以#开头+3位的16进制数#以#开头+6位的16进制数#英文颜色的单词】4、问题:4.transition可以对哪些样式属性产生过渡效果()选项:A、字体颜色B、背景颜色C、字体大小D、块元素的宽度和高度正确答案:【字体颜色#背景颜色#字体大小#块元素的宽度和高度】5、问题:5.动画运行的方向,默认是按运动方向是正向运行一次再反向运行一次选项:A、正确B、错误正确答案:【错误】随堂测验1、问题:1.线性渐变的方向可以是()选项:A、向左B、向下C、对角线D、向上正确答案:【向左#向下#对角线#向上】2、问题:2.重复渐变中的参数color-stop,下面哪些说法是正确的()选项:A、stop值可以是一个百分比数值B、stop值可以是一个具体数值C、stop值可以不定义D、color值必须定义正确答案:【stop值可以不定义#color值必须定义】3、问题:3.当径向渐变只有颜色参数时,最后的渐变形状与所应用的块元素有关系选项:A、正确B、错误正确答案:【正确】09单元作业09单元测验1、问题:animation默认的动画速度曲线是()选项:A、linear动画从头到尾的速度是相同的B、ease:动画以低速开始,然后加快,在结束前变慢C、ease-in动画以低速开始D、ease-in-out动画以低速开始和结束正确答案:【ease:动画以低速开始,然后加快,在结束前变慢】2、问题:transform:rotate(45deg)表示()选项:A、中心点为原点逆时针方向旋转45度B、以左上角为原点逆时针方向旋转45度C、以左上角为原点顺时针方向旋转45度D、中心点为原点顺时针方向旋转45度正确答案:【中心点为原点顺时针方向旋转45度】3、问题:divclass=boxscale1/div表示()选项:A、这个层引用了一个名为box和一个名为scale1的ID样式B、这个层引用了一个名为boxscale1的类样式C、这个层同时引用了一个名为box和一个名为scale1的类样式D、这个层引用了一个名为box和一个名为scale1的标签样式正确答案:【这个层同时引用了一个名为box和一个名为scale1的类样式】4、问题:背景颜色渐变的方向默认是()选项:A、left从左到右B、topleft从左上到右下C、top从上往下D、leftcenter左边中间开始正确答案:【top从上往下】5、问题:定义一个animation动画,哪些设置是必需的()选项:A、定义一个动画名称animation-nameB、定义一个运行时长animation-durationC、定义动画的播放次数D、定义动画的轨迹正确答案:【定义一个动画名称animation-name#定义一个运行时长animation-duration】6、问题:线性渐变的方向可以是()选项:A、向左B、向下C、对角线D、向上正确答案:【向左#向下#对角线#向上】7、问题:重复渐变中的参数color-stop,下面哪些说法是正确的()选项:A、stop值可以是一个百分比数值B、stop值可以是一个具体数值C、stop值可以不定义D、color值必须定义正确答案:【stop值可以是一个百分比数值#stop值可以是一个具体数值#stop值可以不定义#color值必须定义】8、问题:设置径向渐变的第1个参数为:ellipse50%60px表示()选项:A、渐变形状为椭圆B、椭圆的长轴是应用渐变样式的块元素宽度的50%C、椭圆的长轴是50pxD、椭圆的大小不确定,与所应用的块元素大小相关正确答案:【渐变形状为椭圆#椭圆的长轴是应用渐变样式的块元素宽度的50%#椭圆的大小不确定,与所应用的块元素大小相关】9、问题:背景渐变可以用在哪些元素上()选项:A、divB、bodyC、olD、p正确答案:【div#body#ol#p】10、问题:transition可以对哪些样式属性产生过渡效果()选项:A、字体颜色B、背景颜色C、阴影大小D、宽度高度正确答案:【字体颜色#背景颜色#阴影大小#宽度高度】11、问题:给文本设置text-shadow属性参数时,可分别设置向左、向右、向上和向下方向的阴影,并产生叠加效果选项:A、正确B、错误正确答案:【正确】12、问题:浏览器不一定能对最新的CSS3样式属性进行解析,针对不同的浏览器需要添加一些不同的前缀才能对css3样式进行解析选项:A、正确B、错误正确答案:【正确】13、问题:animation动画运行的方向,默认是按运动方向是正向运行一次再反向运行一次选项:A、正确B、错误正确答案:【错误】14、问题:当径向渐变只有颜色参数时,最后的渐变形状与所应用的块元素有关系选项:A、正确B、错误正确答案:【正确】随堂测验1、问题:datalist元素中的提示选项要跟文本输入框中输入的内容关联,需要设置什么属性()选项:A、设置input元素文本框的name属性值与datalist元素的ID属性名一样B、设置input元素文本框的list属性值与datalist元素的ID属性名一样C、设置input元素文本框的list属性值与datalist元素的name属性名一样D、按顺序写就算是关联了正确答案:【设置input元素文本框的list属性值与datalist元素的ID属性名一样】2、问题:input元素根据type属性值不同,可对一些输入对象进行格式校验,这些可以检验的对象有()选项:A、密码输入框对象B、邮箱输入框对象C、电话输入框对象D、链接地址输入对象正确答案:【密码输入框对象#邮箱输入框对象#电话输入框对象#链接地址输入对象】3、问题:复选按钮组的name属性名必须设置为一样的名称选项:A、正确B、错误正确答案:【错误】随堂测试1、问题:密码输入框和文本输入框样式同时定义时,写法正确的是()选项:A、input[type=text][type=password]{}B、input[type=text],[type=password]{}C、input([type=text],[type=password]){}D、input(type=text),(type=password){}正确答案:【input[type=text],[type=password]{}】2、问题:可以对表单元素form设置

温馨提示

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

评论

0/150

提交评论