国家开放大学Web的工作方式

出自:国家开放大学Web的工作方式

17.以下关于元素定位描述错误的是：（）
A.绝对定位的元素相对于离它最近的已定位的祖先元素实现定位。
B.如果当前元素的各级父元素中没有已定位的祖先元素，那么元素就相对于body定位。
C.通常在设置绝对定位前，都要先找到要参照的祖先元素，并为祖先元素添加position属性。
D.祖先元素的position属性只能设置为relative

18.下列关于位移属性描述正确的是:（）
A．left:-20px 是让元素基于当前位置向左移动20px
B．left: 20px 是让元素基于当前位置向左移动20px
C．left: -20px 是让元素基于浏览器边框，向左移动20px
D．left: 20px 是让元素基于浏览器边框，向左移动20px

19.三个相邻元素: <b></b><span></span><i></i>，希望选中<b>元素后的<i>元素，下列选择器正确的是（）
A.b,i{} B. b+i{} C. b~i{} D. b>i{}

20.选择包含title属性且title属性值中包含“es”的div元素，下列选择器正确的是（）
A.div[title=es] B. div[title*=es] C. div[title^=es] D. div[title$=es]

21.选择title属性不等于”test”的div元素，下列选择器正确的是:（）
A.div:not([title=test]) B. div[title!=test] C. div[title*=test] D. div[title$=test]

22.希望单击一个a元素，控制另一个元素的样式变化，可使用以下哪种选择器:（）
A.:hover B. :target C. :active D. :link

23.以下描述错误的是:（）
A.::before，用于匹配某元素内容区域之前的位置
B.:after，用于匹配某元素内容区域结尾的位置
C. after，用于匹配某元素内容区域结尾的位置
D. :before，用于匹配某元素与前一个元素之间的空白区域

24.下列在p元素开头添加“>>”符号的代码正确的是:（）
A．p::before{container: “>>”} B. p::before{ container: >>}
C. p::before{content: >>} D. p::before{ content: “>>”}

25.防止外边距溢出最好的方法是:（）
A.父元素::before{ content:””; display:table; }
B. 父元素::before{ content:””; display:”table”}
C. 父元素::before{ container:””; display:table}
D. 父元素::before{container:””; display:”table”}

26.下列对于flex-direction属性值描述正确的是:（）
A．值为row表示主轴x轴，起点在容器中心点
B. 值为row-reverse表示主轴x轴，起点在右端
C. 值为column表示主轴y轴，起点在底端
D. 值为column表示主轴x轴，起点在最左端

27.如果主轴放不下所有项目时，可设置flex-wrap属性值为（）来实现换行显示，但不改变主轴方向
A. nowrap B. wrap-reverse C. reverse D. wrap

28.下列代码可以定义flex容器x为主轴，从左向右排列，且如果放不下就换行继续从左向右排列的是:（）。
A．flex: row wrap B. flex: wrap row
C. flex-flow: row wrap D. flex-flow: wrap row

29.设置项目在主轴上的对齐方式，可设置以下哪个属性:（）
A. flex-direction B. justify-content C. flex-flow D. flex-wrap

30.实现每个项目两端间距相同可设置以下哪个属性:（）。
A． justify-content: space-around
B. flex-wrap: wrap
C. flex-direction: space-around
D. justify-content: column

31.下列不属于align-self属性值的是:（）。
A.flex-start B. flex-end C. flex-center D. baseline

32.文档类型声明: <!DOCTYPE html>说明当前网页使用的是（）标准。
A． HTML4.1 B. XHTML1.0 C. XHTML2.0 D. HTML5

以下描述正确的是:（）。
A. 设置浮动定位属性的元素会脱离普通文档流，不占用普通文档流中的页面空间。
B. 文档的普通流中的其他块，会上移填补浮动元素留下的空白位置。
C. 元素浮动定位是相对于元素在普通文档流中的原位置设置位移的偏移量。
D.浮动定位的元素在原文档流中的位置始终占用，不释放。

以下关于clear属性描述正确的是：（）。
A.该属性值可以是: left，用于清除当前元素前面元素的任意浮动带来的影响；
B．该属性值可以是: left，用于清除当前元素前面元素的左浮动带来的影响；
C．该属性值可以是: right，用于清除当前元素后面的元素任意浮动带来的影响；
D．该属性值可以是: right，用于清除当前元素前面的元素右浮动带来的影响；

清除浮动对父元素影响的方案有：（）。
A. 给父元素设置固定的高度；
B. 设置父元素的float属性为hidden或auto；
C. 设置父元素也浮动；
D. 在父元素内的结尾追加一个空子元素（块级元素），并设置空子元素清除浮动影响（clear:both）。

默认可在一行中水平排列的元素有:（）。
A. 行内元素 B.块元素 C.行内块元素 D. 标题元素

下列对于opacity属性描述正确的是:（）。
A. 值是1~100之间的任意一个整数
B. 数值越大，越不透明；数值越小，越透明。
C. opacity可用于将整个元素的所有属性及其子内容全部设置透明度。
D. 值是0~1之间的任意一个小数

下列可使用vertical-align属性设置垂直方向对齐方式的有: （）。
A. table B. div C. p D. img

下列关于固定定位描述正确的是:（）。
A．固定定位的元素，以文档显示区左上角作为参照
B．固定定位的元素，以body左上角作为参照
C．固定定位的元素位置在网页滚动时，跟随滚动，始终保持与body左上角的相对位置不变。
固定定位的元素位置不会随着滚动条的滚动而发生改变。

下列关于位移属性描述正确的是:（）。
A．top: -20px 是让元素基于当前位置向上移动20px
B．top: 20px 是让元素基于当前位置向下移动20px
C． bottom: -20px 是让元素基于当前位置向下移动20px
D．bottom: 20px 是让元素基于当前位置向下移动20px

下列关于z-index属性描述正确的是:（）。
A．z-index属性用于设置上下两层元素之间的距离，值为数字，且必须加上长度范围
B. z-index属性用于改变元素的堆叠顺序，其值为一个数字，无须加单位。
C. 数字越小，越靠上层。
D. 数字越大，越靠上层。

已知连续四个<li>元素，下列选择器中可选择后三个li的是：（）。
A．li>li B. li+li C. li~li D. li li

以下选择器中可匹配table中tbody下的偶数行的有:（）。
A．table>tbody>tr:nth-child(even) B. table>tbody>tr:nth-child(odd)
C. table>tbody>tr:nth-child(2n+1) D. table>tbody>tr:nth-child(2n)

匹配元素内容中的首字母，可使用以下哪些选择器:（）。
A.::first-line B. ::first-letter C. :first-letter D. :first-line

下列可以清除浮动对父元素带来的影响的代码是:（）。
A. 父元素::before{ content:””; display:”table”}
B.父元素{clear:both}
C. 父元素{ overflow:hidden }
D. 父元素:after{display:block; content:””; clear:both; }

下列关于弹性布局中项目的属性，描述正确的是:（）。
A．项目的flex-order属性用于定义项目的排列顺序
B. 项目的flex-grow属性用于定义项目的放大比例
C.项目的flex-shrink属性用于定义项目的缩小比例
D. 项目的align属性用于单独定义某一个项目在主轴上的对齐方式。

关于align-items属性的值，下列描述正确的是:（）。
A.flex-start表示让项目以主轴的起点方向对齐；
B. flex-end表示让项目以主轴的终点方向对齐；
C．baseline表示让项目以交叉轴的基线对齐；
D. stretch表示如果项目未设置尺寸就让项目在交叉轴上占满所有空间

1.从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：
定义登录对话框，使其显示在文档显示区中心，且不随页面滚动而滚动。已知登录对话框宽310px，高380px。
请在下列CSS中补充选择器和css属性：
<style>
#loginform{
width:310px; height:380px;
____①____
____②____
margin-top: ____③___;
margin-left: ____④____;
}
</style>
[答案选项]
a．-190px
b．top:50%; left:50%;
c．position: absolute;
d．-155px
e．position: fixed;
f. top:190px; left:155px;
g. 190px;
h. 155px;
请填写：①： ②： ③： ④：

设置元素的background-image属性，取值为一个linear-gradient()命令，可实现线性渐变

设置元素的linear-gradient属性，可实现线性渐变

设置元素的background-image属性，取值为一个radial-gradient()命令，可实现径向渐变。

设置元素的radial-gradient属性，可实现径向渐变

设置元素的background-image属性，取值为一个repeating-linear-gradient()命令，可实现重复渐变

设置元素的repeating-linear-gradient属性，可实现重复渐变

2D旋转时，默认的转换原点为元素左上角(0,0)位置。

转换原点是指在转换过程中，距离旋转圆心最远的一点。

视距越小，3D转换的幅度越明显；视距越大，3D转换的幅度越不明显

修改要执行3D变换的元素本身的perspective属性，可调整视距

定义元素的transform属性时执行translate()函数，可让元素发生位移。

定义元素的transform属性时执行scale()函数，可让元素发生缩放。

首页 <上一页 2 3 4 5 6 下一页> 尾页