Web前端开发基础智慧树知到期末考试答案2024年

Web前端开发基础智慧树知到期末考试答案2024年Web前端开发基础font是一个复合属性，可以在一个声明中设置所有的字体属性，这些属性包括有（

）。

A:font-familyB:font-sizeC:text-alignD:font-weight答案:font-family###font-size###font-weight层叠样式表的主要作用是？（

）

A:实现一些HTML格式化不能实现的高级功能B:便于更新和维护C:减少重复格式化，减少网页体积，加快下载和访问速度D:符合内容与表现形式分离的原则答案:减少重复格式化，减少网页体积，加快下载和访问速度;符合内容与表现形式分离的原则;便于更新和维护;实现一些HTML格式化不能实现的高级功能CSS的三个特性是什么？（

）

A:CSS的多样性B:CSS的层叠性C:CSS的继承性D:CSS的优先级答案:CSS的层叠性###CSS的继承性###CSS的优先级媒体查询语句@media中可以指定的媒体类型有（

）。

A:screenB:allC:speechD:print答案:all###print###screen###speech在弹性布局中，align-items属性的值可以是（

）。

A:flex-startB:flex-endC:centerD:stretch答案:flex-start###flex-end###center###stretch媒体查询语句@media中可以使用的逻辑操作符有（

）。

A:逗号“,”B:andC:notD:分别为每个终端做一个特定的、独立的版本答案:逗号“,”以下标签书写正确的是（

）。

A:

B:C:D:答案:br/;img/;hr/text-align属性是用来设置文本的水平对齐方式，它的属性值可以是（

）。

A:rightB:justifyC:leftD:center答案:ight###justify###left一个媒体查询语句的声明通常可以指定（

）。

A:媒体特性B:逻辑操作符C:设备品牌D:媒体类型答案:媒体类型###媒体特性###逻辑操作符list-style是一个复合属性，可以在一个声明中设置（

）。

A:list-style-positionB:list-style-imageC:list-style-colorD:list-style-type答案:list-style-image###list-style-type###list-style-positionbackground-clip属性用于设置背景的绘制区域，它的属性值可以是（

）。

A:content-boxB:border-boxC:margin-boxD:padding-box答案:content-box###padding-box###border-boxtext-shadow属性用于设置文本的阴影，属性值包括（

）。

A:阴影模糊距离B:阴影颜色C:阴影垂直偏移距离D:阴影水平偏移距离答案:阴影水平偏移距离###阴影垂直偏移距离###阴影模糊距离###阴影颜色代码“border-top:

5px

solid

red;”设置的边框特征包括（

）。

A:上边框颜色为红色B:上边框线条为虚线C:上边框线条为实线D:上边框粗细是5像素答案:上边框粗细是5像素###上边框线条为实线###上边框颜色为红色设置超链接标签的链接路径属性是alt。（)

A:错误B:正确答案:错误在W3C规范中，每一个标签都应当闭合，每个标签都要小写。（)

A:正确B:错误答案:正确标准盒模型的width就是内容的宽度。（)

A:正确B:错误答案:正确设置超链接样式时，有四种状态，可以通过伪类选择器来设置，:hover是表示鼠标经过状态。（)

A:正确B:错误答案:正确有一个高为50px的盒子，设置其line-height:50px;，可以实现盒子里的单行文本垂直居中。（)

A:错误B:正确答案:正确margin不可以单独定义某一个方向的值。（)

A:错B:对答案:错＜label＞标签一般用来显示不可编辑的文本。（)

A:正确B:错误答案:正确css代码body{color:red;}，这段代码可以更改页面中所有字体的颜色，包括超链接的颜色。（)

A:对B:错答案:错text-indent:-9999px;不可以设置负值。（)

A:正确B:错误答案:错误＜inputtype="submit"value="注册"/＞这是一个提交按钮。（)

A:正确B:错误答案:正确怪异盒模型的width等于内容宽度+左右内填充+左右边框。（)

A:错误B:正确答案:正确Web标准不是单一的标准，是一系列标准的集合。（)

A:错误B:正确答案:正确背景颜色的写法background:#f00;等同于background-color:#f00;。（)

A:正确B:错误答案:正确position允许用户精确定义元素框出现的相对位置。（)

A:错B:对答案:对设置某个元素float:left;，表示其将从原来的文本流中漂浮出来，向左浮动，直到碰到一样的浮动元素的边界或者父级元素的边界才停止下来。（)

A:错误B:正确答案:正确类选择器和id选择器只有写法上不一样而已，其它用法完全一致。（)

A:正确B:错误答案:错误同padding属性与margin属性类似，border属性也有单侧属性，即也可以单独定义某一个方向上的属性。（)

A:错误B:正确答案:正确列表标签带有默认的内外边距样式。（)

A:对B:错答案:对由于table布局相比div布局缺点较多，因此在网页制作时应当完全放弃使用table标签。（)

A:错误B:正确答案:错当设置为一组单选框时，其name属性必须相同。（)

A:正确B:错误答案:正确下面有关javascript常见事件的触发情况，描述错误的是（）。

A:onmousedown：某个鼠标按键被按下B:onkeypress：某个键盘的键被按下或按住C:onblur：元素获得焦点D:onchange：用户改变域的内容答案:onblur：元素获得焦点下面（）是声明变量和赋值的正确语法。

A:var"Hello"=myVariable;B:"Hello"=varmyVariable;C:varmyVariable="Hello";D:varmyVariable=Hello;答案:varmyVariable=Hello下面（）不是浮点数。

A:10B:3.17C:-7E+11D:-439.35答案:10下列调用JavaScript函数语句中（）是正确的。

A:callfunctionNameB:callfunctionName()C:functionName()D:functionName答案:functionName()下面有关JavaScript中call和apply的描述，错误的是（）。

A:两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是B:call传入的则是直接的参数列表。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象C:call与aplly都属于Ftotype的一个方法，所以每个function实例都有call、apply属性D:apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入答案:两者传递的参数不同,call函数第一个参数都是要传入给当前对象的对象,apply不是下面（）对象与浏览列表有关。

A:location,historyB:navigator,windowC:historylist,locationD:window,location答案:location,history()函数用于弹出一个消息对话框，该对话框包括一个确定按钮。

A:messageB:escapeC:confirmD:alert答案:alert在HTML文件中编写JavaScript程序时，应使用标记（）。

A:scriptB:javascriptC:jsD:scripting答案:script表达式50=="fifty"的值为（）。

A:falseB:trueC:"fifty"D:50答案:false定义函数时，在函数名后面的圆括号内可以指定()个参数。

A:0B:2C:任意D:1答案:任意在HTML5中，头部内容通常包含在以下哪个结构元素内容（）。

A:headerB:footerC:asideD:nav答案:header下列标记中，用于定义HTML5文档所要显示内容的是（）。

A:＜body＞＜/body＞B:＜head＞＜/head＞C:＜html＞＜/html＞D:＜title＞＜/title＞答案:B按照网页中常见的命名规范，属于底部版权注释代码的是（）

A:/*footer*/B:/*content*/C:/*nav*/D:/*banner*/答案:/*footer*/页面上的div标签，其HTML结构如下：＜divid="father"＞＜pclass="son"＞zhs＜/p＞＜/div＞对应的CSS样式代码如下：#father#son{color:red;}#fatherp{color:blue;}div.son{color:yellow;}divp{color:green;}那么，文字的颜色将显示为（）。

A:蓝色B:绿色C:黄色D:红色答案:红色认真阅读下列代码，并按要求进行作答。animation-name:mymove;/*定义动画名称*/animation-duration:5s;/*定义动画时间*/animation-timing-function:linear;/*定义动画速度曲线*/animation-delay:2s;/*定义动延迟时间*/animation-iteration-count:3;/*定义动画的播放次数*/animation-direction:alternate;/*定义动画播放的方向*/animation属性是一个复合属性，可以同时设置上述属性的代码为（）。

A:animation:mymove2slinear5s3alternate;B:animation:mymovelinear2s5s3alternate;C:animation:mymove5slinear2s3alternate;D:animation:mymove32slinear5salternate;答案:animation:mymove5slinear2s3alternate下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（）。

A:overflow:scroll;B:overflow:auto;C:overflow:hidden;D:overflow:visible;答案:overflow:hidden;要在网页中插入样式表main.css，以下用法中正确的是（）。

A:＜linkhref="main.css"type="text/css"rel="stylesheet"＞B:＜includehref="main.css"type="text/css"rel="stylesheet"＞C:＜linkhref="main.css"type="text/css"＞D:＜linksrc="main.css"type="text/css"rel="stylesheet"＞答案:B页面上的div标签，其HTML代码为＜divid="box"style="color:red"＞文字＜/div＞，为其设置CSS样式如下：#box{color:blue;}那么，文字的颜色将显示为（）。

A:都不正确B:黑色C:蓝色D:红色答案:红色＜img/＞标记链接图片的属性是（）。

A:srcB:heightC:altD:width答案:src在下列选项中，background-position属性值书写正确的是（）。

A:p{background-position:10top;}B:p{background-position:lefttop;}C:p{background-position:top10;}D:p{background-position:left10;}答案:p{background-position:lefttop;}下列选项中，用于规定动画的速度曲线的属性是（）。

A:animation-delay属性B:animation-timing-function属性C:animation-direction属性D:animation-duration属性答案:animation-timing-function属性下面标记中，表示换行的标记是（）。

A:＜h1＞B:＜br/＞C:＜enter＞D:＜hr/＞答案:C用于定义动画开始前将会延迟2秒的时间，然后才开始执行的代码是（）。

A:animation-duration:2s;B:animation-timing-function:2s;C:animation-direction:2s;D:animation-delay:2s;答案:animation-delay:2s;在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（）。

A:../B:./C:/D:../../答案:../../一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（）

A:336pxB:333pxC:363pxD:366px答案:36px下列选项中，属于animation-timing-function默认属性值的是（）。

A:easeB:linearC:ease-inD:ease-out答案:ease下列选项中，能够设置表单背景颜色的属性是（）。

A:paddingB:borderC:sizeD:background-color答案:background-color＜span＞标记是网页布局中常见的标记，其显示类型为（）。

A:浮动类型B:行内块类型C:行内类型D:块级类型答案:行内类型transition-timing-function属性规定过渡效果的速度曲线，默认值为（）。

A:linearB:ease-outC:ease-inD:ease答案:ease关于盒子模型中的宽度和高度属性，下面说法正确的是（）。

A:盒子模型中的宽度和高度属性仅适用于行内元素B:都正确C:盒子模型中的宽度和高度属性仅适用于块级元素D:盒子模型中的宽度和高度属性适用于所有元素答案:盒子模型中的宽度和高度属性仅适用于块级元素下列样式代码中，可以将块元素转换为行内元素的是（）。

A:display:none;B:display:block;C:display:inline-block;D:display:inline;答案:display:inline网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（）。

A:＜imgsrc="logo.gif"/＞B:＜imgsrc="img/logo.gif"/＞C:＜imgsrc="img/logo"/＞D:＜imgsrc="img\logo.gif"/＞答案:logo.gif在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）。

A:{font-Family:“黑体”;}B:{font-family:黑体;}C:{fontFamily:“黑体”;}D:{font-family:“黑体”;}答案:{font-family:“黑体”;}下列选项中，用于规定过渡效果何时开始的属性是（）。

A:transition-property属性B:transition-timing-function属性C:transition-duration属性D:transition-delay属性答案:transition-delay属性表示换行的HTML标签是？（

）

A:

B:C:D:答案:br弹性容器的属性中，flex-wrap属性的作用是（

）。

A:设置主轴方向，确定弹性子元素排列方式B:侧轴（交叉轴）上的对齐方式C:主轴上的对齐方式D:当弹性子元素超出弹性容器范围时是否换行答案:当弹性子元素超出弹性容器范围时是否换行代码“padding:

0px

10px

50px

100px;”表示下方的填充值是（

）。

A:0pxB:100pxC:10pxD:50px答案:50px让一个动画一直执行的属性是（

）

A:animation-play-stateB:animation-directionC:animation-delayD:animation-iteration-count

答案:animation-iteration-coun在Bootstrap框架中，导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加什么（

）

A:折叠按钮加data-toggle="scroll"，折叠容器需要加collapse类B:折叠按钮加data-toggle="collapse"，折叠容器需要加collapse类C:折叠按钮加data-spy="scroll"，折叠容器需要加collapse类D:折叠按钮加data-toggle="collapsed"，折叠容器需要加collapsed类答案:折叠按钮加data-toggle=’collapse’，折叠容器需要加collapse类在弹性布局中，用于设置弹性项目（子元素）的初始大小的属性是（

）。

A:orderB:flex-shrinkC:flex-growD:flex-basis答案:flex-basisHTML文档（网页）的头部需要哪个标签进行定义？（

）

A:htmlB:titleC:headD:body答案:head在CSS中，注释代码是（

）。

A:/*这是注释*/B:C://这是注释D://这是注释//答案:/**/表示下拉列表的HTML标签是？（

）。

A:B:C:D:

答案:select表示ID样式（ID选择器、ID选择符）的代码是？（

）

A:aB:*C:.my_titleD:#navigation答案:navigation清除浮动的CSS属性是（

）

A:float

B:deleteC:overflowD:clear答案:clear以下代码，正确表示表单中的多行文本输入框的是？（

）

A:B:C:D:答案:textareaCSS

3中，

transform-origin属性实现（

）。

A:平移B:旋转C:倾斜D:中心点变换答案:中心点变换在CSS盒模型中，表示填充（内边距）的是（

）。

A:borderB:content;C:paddingD:margin答案:padding默认情况下，弹性容器Flex

Box主轴的结束位置是？（

）

A:右B:左C:下D:上答案:右表示背景图像的起点位置的属性是（

）。

A:background-originB:background-colorC:background-attachmentD:background-position答案:background-attachment用于定义音频元素的HTML标签是？（

）

A:B:C:D:答案:audio哪个HTML标签用于定义文档的标题？（

）

A:B:C:

...

花朵

...

()

A:20pxB:40pxC:50pxD:30px答案:50px下面选项中是合法的类样式的是？()

A:#2boxB:#boxC:.2boxD:.box答案:.boxCSS3提供了font-face规则，可以让用户添加自定义字体，哪个符号是用于书写该规则？（)

A:$B:@C:%D:&答案:@CSS代码：span.old{text-decoration:line-through;}，下列正确的含义是？()

A:类名为old的span标签文本添加删除线B:id为old的span标签文本添加删除线C:类名为old的span标签文本添加上划线D:所有的span标签文本添加删除线答案:类名为old的span标签文本添加删除线若想改变边框的样式，应该设置哪个属性？（)

A:border-heightB:border-widthC:border-colorD:border-style答案:border-style若要创建一个5行3列的表格，应该添加多少对td单元格标签？（)

A:15B:12C:3D:5答案:15若想使某个元素隐藏，应该如何设置？()

A:display:inline;B:display:inline-block;C:display:block;D:display:none;答案:display:none;多行文本域是一对双标签，下列哪个是正确的？（)

A:fileB:typeC:textareaD:text答案:textarea关于web标准以下说法错误的是（）。

A:web标准里的表现标准语言主要包括css。B:web标准是一个复杂的概念集合，它由一系列标准组成。C:web标准可以分为3个方面。D:web标准里的结构标准语言主要包括html。答案:web标准里的结构标准语言主要包括html。需要创建一个单选框，且和文本关联起来（单击文本就像单击核选框一样）。下列HTML代码中，正确的是()。

A:＜label＞用户名：＜/label＞＜inputtype=“text"id=“name"/＞B:＜labelid=“name"＞用户名：＜/label＞＜inputtype=“text"id=“name"/＞C:＜labelfor=“name"＞用户名：＜/label＞＜inputtype=“text"/＞D:＜labelfor=“name"＞用户名：＜/label＞＜inputtype=“text"id=“name"/＞答案:＜labelfor=“name＞用户名：＜/label＞＜inputtype=“textid=“name/＞若要创建一个5行3列的表格，其中一行是表头，则应该添加多少对td单元格标签？（)

A:3B:5C:15D:12答案:12有CSS代码：.box{width:300px;height:200pxborder:1pxsolidred;}.boxp{width:150px;height:100pxpadding-left:50%;background-color:green;}同时具有如下html代码：......＜divclass="box"＞＜p＞段落内容＜p＞＜/div＞......请计算p标签在页面中真实占据宽度为多少？（)

A:300pxB:200pxC:225pxD:250px答案:300px在怪异盒模型（IE盒模型）下，下列哪一项是盒子在页面中实际的占据宽度的计算方法（)。

A:widthB:width+border+padding+marginC:width+padding+borderD:width+margin答案:width+margin有内部样式表定义如下：＜styletype="text/css"＞p{color:red;font-size:20px;}#demo{color:blue;font-weight:bold;}＜/style＞同时，有html代码：＜pid="demo"＞段落文本＜/p＞，那么该段落中的文本显示什么效果？()。

A:字体为红色，字体大小为20px，字体加粗显示B:字体为蓝色，字体大小为20px，字体加粗显示C:字体为蓝色，字体大小为20px，字体默认粗细D:字体为红色，字体为默认大小，字体加粗显示答案:字体为蓝色，字体大小为20px，字体加粗显示设置某个盒子的CSS代码：margin-left:50%;，下面说法正确的是（)。

A:该盒子增加自身盒子的宽度的50%大小的左边距B:该盒子增加父级元素的高度的50%大小的左边距C:该盒子增加父级元素的宽度的50%大小的左边距D:该盒子增加自身盒子的高度的50%大小的左边距答案:该盒子增加父级元素的宽度的50%大小的左边距用来设置标签的图片路径是哪个属性？

A:hrefB:srcC:linkD:alt答案:src在下面的HTML语句中，下列说法错误的是？＜inputtype="radio"name="sex"value="man"checked/＞男＜inputtype="radio"name="sex"value="woman"/＞女（）

A:单选按钮中的name可有可无，因为它对单选按钮的功能设计不产生任何影响B:男按钮处在被选中状态C:这两条代码将产生两个单选按钮D:这两个单选按钮是一组的，只能有一个按钮处在被选中状态答案:单选按钮中的name可有可无，因为它对单选按钮的功能设计不产生任何影响jQuery是JavaScript的框架，其扩展名是？()

A:.jsB:.htmlC:.cssD:.jq答案:.jsspan标签属于行内元素，若想设置其宽和高，又想让它保持行内元素特征，该如何设置？()

A:display:inline;B:display:inline-block;C:display:list-item;D:display:block;答案:display:inline-block;阅读下面代码，两个div之间的空白距离是？

＜styletype="text/css"＞.demo1{margin-bottom:10px;border:1pxsolid#f00;}.demo2{margin-top:15px;border:1pxsolid#f00;}＜/style＞......＜divclass="demo1"＞＜/div＞＜divclass="demo2"＞＜/div＞......()

A:15pxB:5pxC:10pxD:25px答案:15px以下关于JavaScript语言的论述中，正确的是（）。

A:JavaScript是一种面向对象的编程语言B:JavaScript是一种基于原型的编程语言C:JavaScript是一种结构化数据查询语言D:JavaScript是一种基于对象的编程语言答案:JavaScript是一种基于对象的编程语言###JavaScript是一种面向对象的编程语言###JavaScript是一种基于原型的编程语言以下哪些JavaScript的基本特点（）。

A:脚本语言B:编译执行C:基于对象D:跨平台答案:基于对象###跨平台###脚本语言Javascript的基本数据类型包括（）。

A:数组B:字符串C:数值D:布尔答案:数组ascript中,以下声明变量语句中哪个是正确（）。

A:varbb=3;cc='good'B:vardd=ee=100C:var1f=3;gg='he'sgood'D:varaa答案:var下列标记中，属于单标记的是（）。

A:＜p＞B:＜br/＞C:＜h2/＞D:＜hr/＞答案:hr/下列选项中，关于并集选择器的书写格式正确的是（）。

A:p.one{}B:p,.one,#two,div.box{}C:p,.one{}D:p_.one{}答案:p,.one,#two,div###p,.one{}animation属性也是一个复合属性，可以同时设置的属性包括（）。

A:animation-timing-function属性B:animation-name属性C:animation-direction属性D:animation-delay属性答案:animation-delay属性###animation-direction属性###animation-name属性###animation-timing-function属性下列选项中，可用于定义背景颜色的是（）。

A:background-color:inherit;B:background-color:inherit;C:color:inherit;D:background-color:inherit;答案:color:关于HTML注释“＜!--navbegin--＞……＜!--navend--＞”，下列解释正确的是（）

A:该注释为导航栏模块的注释。B:＜!--navbegin--＞表示开始布局导航栏。C:便于代码的阅读和理解。D:＜!--navend--＞表示导航栏布局结束。答案:该注释为导航栏模块的注释下列标记中，属于双标记的是（）。

A:＜h1＞B:＜hr/＞C:＜br/＞D:＜p＞答案:p下列选项中，常用于网页模块命名的是（）

A:bannerB:navC:footerD:div答案:banner###footer###nav关于定义无序列表的基本语法格式，以下描述正确的是（）。

A:“＜ul＞＜/ul＞”标记用于定义无序列表B:“＜li＞”不可以定义type属性，只能使用CSS样式属性代替C:“＜li＞＜/li＞”标记嵌套在“＜ul＞＜/ul＞”标记中，用于描述具体的列表项D:每对“＜ul＞＜/ul＞”中至少应包含一对“＜li＞＜/li＞”答案:A###B###C关于＜br/＞标记，下列说法正确的是（）。

A:使用换行标记＜br/＞的段落可以实现强制换行的效果B:＜br/＞标记可以连续使用，比如＜br/＞＜br/＞C:＜br/＞标记和＜p＞标记具有相同的语义D:在代码中，可以直接通过回车来实现换行效果，从而不用使用＜br/＞标记答案:使用换行标记br/的段落可以实现强制换行的效果下面的选项中，哪些CSS属性没有继承性（）。

A:边框属性B:边距属性C:字体属性D:字号属性答案:边框属性###边距属性text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值有（）。

A:noneB:underlineC:overlineD:line-through答案:line-through###none使用font-family设置字体时，以下书写正确的是（）。

A:body{font-family:"微软雅黑","宋体","黑体",Arial;}B:body{font-family:"TimesNewRoman";}C:body{font-family:TimesNewRoman;}D:body{font-family:Arial,"微软雅黑","宋体","黑体";}答案:body{###body{HTML5增加了很多新功能和新特性，下列属于HTML5优势的是（）。

A:用户优先的原则B:解决了跨浏览器问题C:化繁为简的优势D:新增了多个新特性答案:化繁为简的优势关于元素的绝对定位模式，下列说法正确的是（）。

A:绝对定位的元素将脱离标准文档流的控制B:“position:absolute;”可以将元素的定位模式设置为绝对定位C:绝对定位与相对定位的效果完全相同D:绝对定位的元素将不再占据标准文档流中的空间答案:“position:###绝对定位的元素将不再占据标准文档流中的空间###绝对定位的元素将脱离标准文档流的控制在CSS中定义字体的粗细，以下书写正确的是（）。

A:p{font-weight:bold;}B:p{font-weight:500;}C:p{font-weight:"bolder";}D:p{font-weight:bolder;}答案:p{font-weight:500;}网页的响应式设计就是分别为PC端和移动端设备设计两套或多套独立的网页。（

）

A:错B:对答案:错在手机端通过浏览器访问淘宝官网，页面会跳转到淘宝网为移动端用户开发的专属网站。（

）

A:错B:对答案:对宽度width属性的值，可以是长度单位（如像素），也可以是百分比，或者是auto。（

）

A:错B:对答案:对绝对定位、相对定位和浮动一样，能脱离普通文档流。（

）

A:对B:错答案:错HTML是一种编程语言。（

）

A:错B:对答案:错伪类选择器也叫做伪元素选择器，是用于向某些选择器添加特殊的效果。（

）

A:错B:对答案:错我们可以同时指定多个参与过渡的属性值，以英文的逗号进行分隔。（

）

A:对B:错答案:对在弹性布局中，假设弹性容器存在剩余空间，给弹性项目（子元素）设置flex-grow属性，值越大，子元素分配到的剩余空间越大。（

）

A:错B:对答案:对WWW在使用上分为Web服务器和Web客户端。（

）

A:错B:对答案:对定位偏移是以top、bottom、left和right去指定偏移的值。（

）

A:错B:对答案:对HTML的语义元素有、、、、等。（

）

A:错B:对答案:错在CSS盒模型中，content作为盒子的内容区，用宽度width和高度height来设置它的大小。（

）

A:错B:对答案:对CSS样式中，有可以继承的样式，也有不可以继承的样式。（

）

A:错B:对答案:对list-style-type属性用于设置列表符号标记类型，如实心圆、阿拉伯数字、英文字母等。（

）

A:错B:对答案:对在做手机端网页布局时，采用固定像素布局，会造成网页元素在不同手机屏幕上占据的比例有差异。（

）

A:错B:对答案:对下列哪些属于div+css页面布局的优势？（)

A:表现和内容的分离B:提高搜索引擎对网页的索引效率C:易于维护和改版D:代码简洁，提高页面浏览速度答案:表现和内容的分离;提高搜索引擎对网页的索引效率;代码简洁，提高页面浏览速度;易于维护和改版CSS中盒模型包含哪些属性？（)

A:marginB:borderC:fontD:padding答案:border###margin###padding设置某个元素的右边内边距为10px的代码有？（)

A:padding:10px5px5px10px;B:padding:5px10px20px;C:padding:10px20px;D:padding-right:10px;答案:padding-right:10px###padding:5px10px20px下列哪些元素属于块级元素？（)

A:pB:divC:liD:span答案:div###li###p下面关于外部样式表的说法错误的是？（)

A:使用外部样式表可以使网站更加简洁，风格保持统一B:外部样式表的扩展名是.cssC:外部样式表内容以＜style＞标签开始，＜/style＞标签结束D:外部样式表不能同时导入多个HTML文件答案:外部样式表内容以＜style＞标签开始，＜/style＞标签结束;外部样式表不能同时导入多个HTML文件text-indent是设置段落缩进，下列说法正确的是？（)

A:text-indent:2em;表示段落缩进两个字符B:text-indent不可以设置负值C:text-indent不可以使用%作为单位D:text-indent：-20px;text-indent可设置负值答案:text-indent:2em下列哪些设置可以把行内元素转换成块级元素？（)

A:display:block;B:display:inline-block;C:display:none;D:display:inline;答案:block###inline-blocktext-shadow:5px5px5pxred;是设置文本阴影,一般接受四个属性值，最后一个是阴影颜色，前三个分别设置的是？（)

A:第二个设置阴影垂直位置B:第二设置阴影模糊度C:第三个设置阴影模糊度D:第一个设置阴影水平位置答案:第一个设置阴影水平位置;第二个设置阴影垂直位置;第三个设置阴影模糊度对于内边距padding，下列说法正确的是？（)

A:padding可以设置为autoB:padding可以设置四边的内边距C:padding可以接受%为单位D:padding可以设置负值答案:padding可以接受%为单位###padding可以设置四边的内边距下列哪些颜色取值是正确的？（)

A:color:inherit;B:color:inherit;C:color:inherit;D:color:inherit;答案:color:inherit;;color:inherit;;color:inherit;border属性可以设置边框的哪些样式？（)

A:heightB:widthC:colorD:style答案:color###style###width对于溢出，下列说法正确的是？（)

A:text-overflow是表示文本溢出时，需要处理的事情B:overflow是表示内容溢出时，需要处理的事情C:text-overflow是表示内容溢出时，需要处理的事情D:overflow是表示文本溢出时，需要处理的事情答案:overflow是表示内容溢出时,需要处理的事情###text-overflow是表示文本溢出时,需要处理的事情下列哪些选项是背景的属性？（)

A:background-positionB:background-sizeC:background-urlD:background-repeat答案:background-repeat;background-size;background-position下列哪些选项可以设置盒子的左外边距为10px？（)

A:margin:10px5px;B:margin:10px5px5px10px;C:margin:10pxx;D:margin:5px10px5px;答案:margin:10pxx###margin:5px10px5px###margin:10px5px5px10px以下哪些属性值属于float这个属性？（)

A:leftB:centerC:rightD:none答案:left###none###rightCSS代码：border-style:solid，设置的是哪边的边框样式为实线？（)

A:右边框B:上边框C:左边框D:下边框答案:上边框###下边框###右边框###左边框若有一个宽高都为100px的盒子，设置其CSS代码如：position:relative;left:20px;top:30px;那么其在页面中占据的真实高度宽度是？（)

A:宽130pxB:高为120pxC:高为130pxD:宽120px答案:宽120px###高为130pxbox-shadow:5px5px5pxred;是设置盒子阴影，下列说法错误的是？（)

A:第四个值是颜色，不可以省略B:第三个是模糊度，可以省略，当省略时，阴影呈纯色显示C:第一第二个值表示阴影的水平和垂直位置D:第一第二个值不可以设置为0答案:第一第二个值不可以设置为0###第四个值是颜色，不可以省略下列哪些属于a标签的伪类？（)

A::hoverB::visitedC::linkD::active答案::link###:visited###:hover###:active在HTML页面中，onclick属于鼠标相关事件。（）

A:错B:对答案:对用var定义一个变量后，如果没有赋予任何值，那么它的值是空值，即null。（）

A:错误B:正确答案:错误JavaScript的函数定义允许嵌套，即在函数中可以定义另一个函数。（）

A:对B:错答案:对在使用varx=1声明变量x之后，赋值语句x="我喜欢JavaScript"将出错。（）

A:正确B:错误答案:错误函数的定义语句和函数的调用语句必须都被放在HTML文件的head标签中。（）

A:错B:对答案:错赋值运算符的作用是给一个变量赋新值。（）

A:错误B:正确答案:正确在特殊字符中，＜sub＞用来表示上标。（）

A:正确B:错误答案:错误可以通过表单域定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。()

A:对B:错答案:对autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为false时，表示页面加载完毕后会自动获取该焦点。()

A:错B:对答案:错CSS3中，如果对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素，让它不使用这个样式，可以使用:not选择器。（）

A:错误B:正确答案:正确当对元素应用“overflow:hidden;”样式时，溢出内容会被修剪，并且被修剪的内容是不可见的。()

A:对B:错答案:对＜div＞标记是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。（）

A:错B:对答案:(对)transition-delay属性规定过渡效果何时开始，常用单位是秒（s）或者毫秒（ms）。（）

A:对B:错答案:对在图像常用格式中，JPG是一种有损压缩的图像格式。（）

A:对B:错答案:对在网页制作中，建立站点就是定义一个存放网站中零散文件的文件夹。（）

A:对B:错答案:对在＜head＞中使用＜link＞标记可引用外部文件，一个页面只允许使用一个＜link＞标记引用外部文件。（）

A:正确B:错误答案:错误＜div＞标记非常强大，通过与iD.class等属性配合设置CSS样式，可以替代大多数的块级文本标记。（）。

A:错B:对答案:对页面效果图分析主要包括HTML结构分析和CSS样式分析。（）

A:对B:错答案:对在创建表单时，表单对象的名称由name属性设定。()

A:错B:对答案:对HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。（）

A:错B:对答案:对默认情况下子元素会继承父元素的背景。（）

A:错B:对答案:对导航栏通常位于页眉区域，起着链接网站各个页面的作用。（）

A:错B:对答案:对CSS3中，兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。（）

A:错误B:正确答案:正确HTML5中，可以在article元素或者section元素中添加footer元素。（）

A:错B:对答案:对图像文件和html文件位于同一文件夹，相对地址为＜imgsrc="logo.gif"/＞。（）

A:错B:对答案:对z-index属性用于调整重叠定位元素的堆叠顺序。()

A:正确B:错误答案:正确空标记虽然可以清除浮动，但是在无形中增加了毫无意义的结构元素。()

A:错误B:正确答案:正确使用回车键换行的段落可以实现强制换行的效果。（）

A:错B:对答案:错在表单中，name属性用于指定表单的名称，以区分同一个页面中的多个表单。()

A:对B:错答案:对PNG图像格式是一种支持透明的图像格式。（）

A:错B:对答案:对当对元素应用绝对定位后，其在标准流中位置将保持不变。()

A:对B:错答案:错在分析页面效果图时，首先应该确定页面的版心。（）

A:错B:对答案:对表单提交后的数据处理程序由name属性指定。()

A:对B:错答案:错在使用＜datalist＞标记时，需要通过id属性为其指定一个唯一的标识，然后为input元素指定list属性，将该属性值设置为option元素对应的id属性值即可。()

A:错B:对答案:对在设置边框宽度和边框颜色时，可以不用设置边框样式。（）

A:对B:错答案:错HTML5中，没有标题的内容区块不要使用section元素定义。（）

A:正确B:错误答案:正确建立站点时，在根目录下新建的css文件夹，用于存放网站所需的图像文件。（）

A:对B:错答案:错网页是多个盒子模型嵌套排列的结果。（）

A:对B:错答案:对CSS3中，:nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的第n个子元素和倒数第n个子元素。（）

A:正确B:错误答案:错误在网页制作中，LOGO一般放在网站首页的导航栏中。（）

A:对B:错答案:错CSS3中，:root选择器定义的样式，对所有页面元素都生效。（）

A:错误B:正确答案:正确浮动的盒子不再占用文档流中的位置。（）

A:错B:对答案:对对浮动元素应用左外边距或右外边距时，在IE6浏览器中会出现双边距Bug。()

A:错B:对答案:对如果不给＜img/＞标记设置宽和高，图片就会按照他的原始尺寸显示。（）

A:正确B:错误答案:正确output元素用于不同类型的输出，可以在浏览器中显示计算结果或脚本输出。()

A:正确B:错误答案:正确在HTML注释中，“＜!--footerbegin--＞”表示底部版块区域的结束。（）

A:对B:错答案:错在定义下拉列表时，＜option＞＜/option＞标记必须嵌套在＜select＞＜/select＞标记中。()

A:对B:错答案:对CSS中，rgba(0,0,0,0.5)用于设置元素黑色半透明效果。（）

A:错B:对答案:对使用transition简写属性设置多种过渡效果，需要为每个过渡属性集中指定所有的值，并且使用空格进行分隔。(）

A:对B:错答案:错HTML5中，如果只有一个标题元素建议使用hgroup元素。（）

A:错B:对答案:错在特殊字符中，使用“”空格符可以实现想要的空白字符效果。（）

A:对B:错答案:对CSS的三个特性是什么？（

）

A:CSS的多样性B:CSS的层叠性C:CSS的继承性D:CSS的优先级答案:AI参考:正确选项是【B:CSS的层叠性D:CSS的优先级】。\n\nCSS的特性主要包括：层叠性（Cascading）、继承性（Inheritance）、和优先级（Priority）。其中，选项B和D直接与CSS的特性相关，选项A描述的是CSS应用多样性，而选项C描述的是CSS本身的特性，因此不正确。因此，正确答案是B和D。'网页中的哪些文字颜色会变红色（

）。

A:第二行文字B:第三行文字C:第四行文字D:第一行文字答案:AI参考:正确选项是【D:第一行文字】。\n\n从图片中可以看出，网页中文字颜色的变化是基于段落而非单独的文字，因此选项A、B、C中的文字颜色并未发生变化。而第一行文字的颜色与其他文字颜色不同，显示为红色。因此，正确答案是D。'以下关于内联样式的说法正确的是？（）

A:内联样式只能控制当前的标签，容易造成代码冗余B:内联样式能够很好地实现结构和样式的分离C:内联样式又称为行内(间)样式，是通过标签的style属性来设置元素的样式的D:实际上任何HTML标签都拥有style属性，用来设置内联样式答案:AI参考:正确选项是：B:内联样式能够很好地实现结构和样式的分离，C:内联样式又称为行内(间)样式，是通过标签的style属性来设置元素的样式的。\n\n解释：\n\nA选项中说内联样式只能控制当前的标签，这个说法不准确，实际上内联样式可以应用于任何HTML元素。\n\nD选项中说任何HTML标签都拥有style属性，这个说法也不准确，不是所有的HTML元素都有style属性。\n\n内联样式是一种直接在HTML元素中定义的样式，它可以直接控制元素的样式，但是缺点是代码冗余，容易造成样式和结构混杂。内联样式通常被用于局部样式调整，而不是全局的样式定义。\n\n内联样式是通过在HTML元素的style属性中直接定义样式来实现的，这样可以实现结构和样式的分离，使代码更加清晰易读。同时，内联样式也是开发人员使用最多的样式定义方式之一。因此，选项B和C是正确的说法。'下列说法正确的是？（

）

A:第一行文字颜色是蓝色（blue）B:第四行文字颜色是绿色（green）C:第三行文字颜色是红色（red）D:第二行文字颜色是橙色（orange）答案:AI参考:正确选项是C:第三行文字颜色是红色（red）。\n\n从给出的图片中可以看到，第一行文字颜色是蓝色，第二行文字颜色是黑色，第三行文字颜色是红色，第四行文字颜色是绿色。因此，选项C是正确的。选项A、B、D都不正确。'以下关于class和id的说法，正确的是？（

）

A:id和class只是在写法上有区别，在应用和意义上没有任何区别B:class的应用方法：C:id的应用方法：D:class的定义方法：.类名{样式;}答案:AI参考:正确选项是：\n\nC:id的应用方法：\n\n解释如下：\n\n*A选项错误，因为id和class在应用和意义上是有区别的，id是唯一标识一个元素的，而class可以有多个元素拥有。\n*B选项错误，class的应用方法应该是：，其中类名应该用引号括起来。\n*D选项错误，class的定义方法应该是.类名{样式;}，其中样式应该用大括号{}括起来。\n\n因此，只有选项C是正确的。'使用下列css3的属性可以设置圆角矩形（）。

A:border-radiusB:border-colorC:borderD:bordersize答案:AI参考:正确选项是【A:border-radius】。\n\nCSS3中的border-radius属性可以用来设置元素的圆角，从而实现圆角矩形的效果。而border、border-color和bordersize都不能单独用来设置圆角矩形。B选项中的border-color是一个用于设置边框颜色的属性，C选项中的border是一个用于设置边框的宽度和样式的属性，D选项中的bordersize是用于设置边框宽度的属性。因此，只有A选项的border-radius可以用来设置圆角矩形。'在HTML页面上包含如下创建层的语句，

<html><body><divid=”imageLayer”style=”display:none;”><imgsrc=”images/Sunset.jpg”width=”200”height=”100”></div></body><html>那么编写Javascript语句实现显示该层的语句错误的是（）。

A:document.getElementByTagName(“div”)[0].style.display=”block”B:document.getElementByName(“imageLayer”)[0].style.display=”block”;C:document.getElementByName(“imageLayer”).get(0).style.display=”block”;D:document.getElementById(“imageLayer”).style.display=”block”;答案:AI参考:正确选项是B:document.getElementByName(“imageLayer”)[0].style.display=”block”;。\n\n在HTML页面中，创建了一个名为“imageLayer”的div层，并包含一个图片元素。要使用JavaScript显示该层，需要使用getElementById或getElementsByName方法获取该div元素，并设置其display属性为“block”。选项A、C和D都是正确的显示该层的JavaScript语句。选项B中的getElementByName方法返回的是一个元素列表，而不是单个元素，因此不能使用[0]索引来获取第一个元素并设置其style属性。因此，选项B是错误的。'下列（）不是引用数据类型。

A:函数B:布尔类型C:数组D:对象答案:AI参考:正确选项是【A:函数】。\n\n在编程中，函数是一种特殊的数