注意:此页面搜索的是所有试题
国家开放大学Web的工作方式
下列关于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)位置。
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)位置。