Web前端开发基础智慧树知到期末考试答案章节答案2024年海南软件职业技术学院

Web前端开发基础智慧树知到期末考试答案+章节答案2024年海南软件职业技术学院对于jQuery，下列说法正确的是？（)

答案:jQuery文件的后缀名是.js;jQuery是一个JavaScript库;jQuery极大地简化了JavaScript编程下列哪些属于a标签的伪类？（)

答案::hover;:link;:visited;:active下列哪项设置后，元素将不占用原来的普通流的位置，漂浮于普通流上方？（)

答案:position:fixed;;position:relative;;float:left;以下哪些设置可以隐藏页面中的某个元素？（)

答案:display:none;;visibility:hidden;下列哪些颜色取值是正确的？（)

答案:color:inherit;;color:inherit;;color:inherit;关于内容、结构和表现说法正确的是？（)

答案:内容是页面主要传达的信息;结构是使页面的内容更具有逻辑性;表现是赋予内容一种外在的样式下列是input表单元素的type属性，哪个用于创建按钮？（)

答案:reset;submit以下哪些属性值属于float这个属性？（)

答案:left;none;right下面关于外部样式表的说法错误的是？（)

答案:外部样式表内容以＜style＞标签开始，＜/style＞标签结束;外部样式表不能同时导入多个HTML文件text-indent是设置段落缩进，下列说法正确的是？（)

答案:text-indent:2em;表示段落缩进两个字符;text-indent：-20px;text-indent可设置负值关于CSS说法正确的是？（)

答案:z-index可以取负值;CSS可以控制背景图片大小;margin可以取负值;position可以实现盒子的精确定位下列哪些选项可以设置盒子的左外边距为10px？（)

答案:margin:10pxx;;margin:10px5px5px10px;;margin:5px10px5px;对于内边距padding，下列说法正确的是？（)

答案:padding可以设置四边的内边距;padding可以接受%为单位下列哪些属于盒子模型的属性？（)

答案:padding;border;margin关于box-sizing，下列说法正确的是？（)

答案:box-sizing:border-box;采用的是怪异盒模型进行解析计算;box-sizing:content-box;采用的是标准盒模型进行解析计算当文本溢出时，把溢出文本隐藏，并设置省略号显示，需用到下列哪些设置？（)

答案:white-space:nowrap;;overflow:hidden;;text-overflow:ellipsis;box-sizing是标准盒模型和怪异盒模型进行转变的属性，下列属于该属性的是？（)

答案:box-sizing:content-box;;box-sizing:border-box;CSS中盒模型包含哪些属性？（)

答案:padding;border;margin下列哪些属于后代选择器？（)

答案:#boxspan;.boxspan下列哪些设置可以把行内元素转换成块级元素？（)

答案:display:inline-block;;display:block;关于id选择符说法错误的是:()。

答案:id选择符可以任意使用多次阅读下面代码，两个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＞......()

答案:15px表格的表头自带有字体加粗，居中显示的样式，下列哪个标签用于显示表头内容？（)

答案:th若想控制背景图片大小为宽100px，高200px，该如何设置？()

答案:background-size:100px200px;下列引用外部样式表style.css的语句中，正确的是（）。

答案:＜linkrel="stylesheet"type="text/css"href="style.css"/＞表格最基本的单元是？()

答案:单元格td关于z-index，下列说法错误的是（)。

答案:z-index越小，离用户越近用来设置标签的图片路径是哪个属性？

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

答案:15若想控制背景图片不平铺，居中显示且使图片比例不变撑满容器，亲给出缩写方式？()

答案:background:url(“images/bg.png")no-repeatcenter/cover;若想使盒子向右浮动，正确的代码是（)。

答案:float:right;当文本长度超出容器元素框时，默认情况下遇见空格换行，若想文本按一行显示，不换行，设置哪个属性()

答案:white-space:nowrap;当设置某个盒子的样式代码如下：.box{box-sizing:border-box;width:300px;height:300px;border:1pxsolidred;padding:5px;}该盒子真实的宽度是多少？（)

答案:300px若想改变边框的样式，应该设置哪个属性？（)

答案:border-style用标签导入图片，当导入的图片与父级元素的大小不一致时，可以用以下哪个属性控制图片的显示效果？

答案:object-fit若想给列表项添加自定义图片为项目符号，且能方便控制图片的位置大小等，应该使用下列哪个属性来设置项目符号？（)

答案:background-image在CSS中，为页面中的某个div标签设置样式div{width:200px;padding:020px;border:5px;}，则该标签的实际宽度为？()

答案:250px有样式代码如下：.box{width:300px;height:300px;border:1pxsolidred;position:relative;}.boxdiv.demo{width:100px;height:100px;background-color:#000;position:absolute;bottom:0;left:0;}同时，编写有结构代码如下：......＜divclass="box"＞＜divclass="demo"＞1＜/div＞＜/div＞......类为demo的div标签在父级元素的哪个位置显示？（）

答案:左下角设置盒子阴影，应选下列哪个属性设置？()

答案:box-shadow若想在页面中显示带有顺序序号的文本，应该用下列哪对表现显示()。

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

答案:对可以通过box-sizing设置是使用标准盒模型还是怪异盒模型。（)

答案:对使用rgba方式，可以设置颜色透明度。（)

答案:对margin:10px20px;表示上下的外边距为10px，左右为20px。（)

答案:对HTML代码的注释格式是＜!--注释内容--＞。（)

答案:对CSS代码：tr:hover{backgroud-color:#ccc;}表示当鼠标经过表格行时，整行背景显灰色，用于区分当前行。（)

答案:对背景颜色的写法background:#f00;等同于background-color:#f00;。（)

答案:对列表标签带有默认的内外边距样式。（)

答案:对无序列表是一个组合标签，其父级元素标签为ul，子标签为li，子标签li是块级元素。（)

答案:对当设置为一组单选框时，其name属性必须相同。（)

答案:对怪异盒模型的width等于内容宽度+左右内填充+左右边框。（)

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

答案:对标准的表现语言是CSS语言。（)

答案:对img标签中的alt属性没有任何用处，可以不用写。（)

答案:错标准的结构语言是HTML语言。（)

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

答案:对一个div标签可以设置多张背景图作为背景。（)

答案:对margin不可以单独定义某一个方向的值。（)

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

答案:对超链接默认文本都自带有下划线，可以通过text-decoration:none;清除。（)

答案:对关于text-indent描述错误的是？（）

答案:text-indent:none;CSS代码：.box{width:100px;height:50px;}，若想使盒子里的单行文本水平和垂直居中，该如何设置？（）

答案:text-align:center;line-height:50px;CSS代码：.box{width:100px;height:100px;padding:10px;margin:20px;background-color:red;}，这个盒子在页面中显示为红色区域的高和宽为多少？（）

答案:120*120下列哪项是设置字体大小为20px，且字体加粗，并添加下划线？（）

答案:p{font-size:20px;font-weight:bold;text-decoration:underline;}下列哪项是设置了绝对定位？（）

答案:position:absolute；当上下两个容器都设置了外边距为20px，那么这两个盒子的垂直外边距和是多少？（）

答案:20px下列哪项是密码框的代码？（）

答案:＜inputtype="password"/＞以下哪个选项是对对象进行定位？（）

答案:position关于float描述错误的是哪项？（）

答案:float:center;如果背景图像比容器小，默认情况下会发生什么？（）

答案:图像会被平铺覆盖整个容器下面哪个jQuery方法用于隐藏被选元素？（）

答案:hide()通过jQuery，选择器$(“div”)选取什么元素？（）

答案:所有的div元素;当鼠标经过列表元素时，其包含的图片变透明（透明度为0.7），该如何设置？（）

答案:li:hoverimg{opacity:0.7;};下列哪个样式定义后,行内元素就可以定义宽度和高度？（）

答案:display:block;如何给CSS3中的元素添加阴影？（）

答案:box-shadow:5px5px5px#666;CSS代码：#container{margin:0auto;width:85%;}，此代码的含义是什么？（）

答案:可变宽度网页居中jQuery是通过哪种脚本语言编写的？（）

答案:JavaScript如何显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边框1像素？（）

答案:border-width:10px1px5px20px;浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷，其高度为0。你可以按以下哪些方法处理?（）

答案:设置父元素浮动。;在紧接着父元素后面的元素设置clear:both;清除浮动;使用clearfix;;在浮动元素后加个div设置clear:both;height:0;overflow:hidden;下列哪种方式是用后代选择器定义样式的？（）

答案:.boxp{}下面对行内元素特点表述正确的是（）

答案:设置宽度width无效;设置高度height无效下面哪个属性是指盒子模型的边距？（）

答案:margin下列对表格的表达正确的是（）。

答案:tbody定义表格的主体;caption定义表格标题;thead定义表格的页眉;tfoot定义表格的页脚下面情况中，哪些会发生margin属性的叠加（）。

答案:元素的顶边界与前面元素的底边界发生叠加;空元素中已经叠加的边界与另一个空元素的边界发生叠加;元素的顶边界于父元素的顶边界发生叠加;元素的顶边界与底边界发生叠加常见的行内元素有哪些？（）

答案:;;

;在网页上，表单中的input元素的type属性为（）时，用于创建重置按钮。

答案:reset如果要使多个div并列排列，应使用（）。

答案:float如果不给父级设定position为relative的话，那设置的absolute标签元素是根据body来定位的。（）

答案:对下面的属性不属于＜td＞标签的有（）。

答案:border在下面的HTML语句中，＜input

type=”radio”

value=”v1”checked

name=”R1”＞男，该标记的name属性可要可不要，因为它对单选按钮的功能设计不产生任何影响。（）

答案:错如何在CSS文件中添加注释？（）

答案:/*注释*/按顺序排列，border-radius的四个值是？（）

答案:左上，右上，右下，左下在.demo{width:100px;height:100px;background-color:red}代码段中，若想把demo以一个圆形呈现，该如何设置border-radius属性值？（）

答案:border-radius:50%;超链接伪元素中，哪个属性表示未访问的超链接？（）

答案::link给一个盒子设置左右填充分别为10px和20px后，如果要求盒子在页面中占的总宽度不变，那么应该让盒子的宽度减少多少像素？（）

答案:30pxCSS一般是利用什么标签来构建页面布局？（）

答案:div