国开作业Web开发基础本章自测64参考含答案文档格式.docx
《国开作业Web开发基础本章自测64参考含答案文档格式.docx》由会员分享,可在线阅读,更多相关《国开作业Web开发基础本章自测64参考含答案文档格式.docx(16页珍藏版)》请在冰豆网上搜索。
![国开作业Web开发基础本章自测64参考含答案文档格式.docx](https://file1.bdocx.com/fileroot1/2022-10/11/b7796999-2e72-438a-9e04-5f0079b57899/b7796999-2e72-438a-9e04-5f0079b578991.gif)
pointer属性可设置鼠标的光标。
当鼠标悬停在元素上时,可改变鼠标光标的显示样式。
修改列表项标识为图片,可使用:
list-image:
url(图片路径)属性()
list-style:
none和list-style-type:
none均可清除列表项标识。
relative(相对定位)可让元素脱离默认文档流,相对于其所在父元素左上角自由定位。
相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离,经常用于对元素位置做微调时使用。
绝对定位的元素默认总是相对于其所在直接父级元素左上角定位。
行内块元素默认都是从上到下排列的,且每个行内块元素独占一行。
相对定位的元素,虽然位置偏离了原位置,但默认文档流中的原位置不释放。
修改父元素的z-index属性值子元素的z-index属性值可让父元素盖住子元素。
未使用定位属性的元素不能使用z-index元素。
:
first-child元素只能匹配一个元素。
input+span只能匹配一个元素。
target用于匹配当前点击的a元素。
div:
not([title=test])也会匹配那些不包含title属性的div元素。
元素可设置的属性,伪元素也可设置。
元素具有的特征,伪元素也同样具备。
使用弹性布局,要先使父容器变为flex容器——display:
flex或display:
inline-flex。
默认情况下,如果主轴放不下所有项目时,项目会超出容器横向溢出。
行内元素默认按照从左往右的方式排列,而行内块(inline-block)默认从上到下排列。
弹性布局中,项目的flex-order属性用于定义项目的排列顺序。
order属性,用于定义项目的排列顺序。
其值为整数数字,无须单位。
因为每个元素都拥有自己的空间,所以一个元素不可能盖住另一个元素。
即使行内元素浮动后,也允许修改width和height属性。
元素一旦设置浮动定位属性,就脱离普通文档流定位方式,不占用普通文档流中的页面空间。
如果包含框太窄,无法容纳水平排列的3个浮动元素,那么最后放不下的块会被挤压到下一行,并始终浮动到下一行的开头。
元素一旦浮动后,都会变为行内块级元素,也允许修改大小尺寸。
如内部浮动元素,高于外部容器元素,则内部浮动元素超出外部元素范围的部分自动隐藏。
先后顺序定义三个div:
div1,div2,div3。
div2向左浮动,div1和div3向右浮动,结果从左向右三个div的顺序依次是()。
d1d2d3
d1d3d2
选项C:
d2d1d3
选项D:
d2d3d1
下列选项中,可让元素独占一行的属性为()
display:
inline-block
none
block
inline
下列关于vertical-align属性描述正确的是:
可设置img元素左右两侧的文本在垂直方向的对齐方式
可设置img元素在其父元素内水平方向的对齐方式
可设置表格元素的内容在水平方向上的对齐方式
可设置div元素的内容在垂直方向的对齐方式
以下不能实现隐藏元素的是:
hidden
overflow:
hidden
opacity:
下列清除列表项标志的属性设置正确的是()
list-style-type:
list:
list-type:
list-type-style:
none
以下不属于list-style-type属性值的是:
sqrt
disc
circle
将列表项标识改为图片的属性是:
list-style-image
list-type
list-image
list-style-type
希望能自由修改元素的位置,但又不希望默认文档流中原始位置被释放,应选择()
position:
static
absolute
relative
fixed
以下关于元素定位描述错误的是:
绝对定位的元素相对于离它最近的已定位的祖先元素实现定位
如果当前元素的各级父元素中没有已定位的祖先元素,那么元素就相对于body定位
通常在设置绝对定位前,都要先找到要参照的祖先元素,并为祖先元素添加position属性
祖先元素的position属性只能设置为relative
下列关于位移属性描述正确的是:
left:
20px是让元素基于当前位置向左移动20px
20px是让元素基于浏览器边框,向左移动20px
-20px是让元素基于浏览器边框,向左移动20px
-20px是让元素基于当前位置向左移动20px
三个相邻元素:
b/bspan/spani/i,希望选中b元素后的i元素,下列选择器正确的是()
bi{}
b+i{}
b~i{}
b,i{}
CSS提供了()属性用于设置元素浮动定位:
overflow
float
floor
选择包含title属性且title属性值中包含“es”的div元素,下列选择器正确的是()
div[title^=es]
div[title=es]
div[title*=es]
div[title$=es]
选择title属性不等于”test”的div元素,下列选择器正确的是:
div[title!
=test]
not([title=test])
div[title$=test]
div[title*=test]
希望单击一个a元素,控制另一个元素的样式变化,可使用以下哪种选择器:
hover
target
link
active
以下描述错误的是:
after,用于匹配某元素内容区域结尾的位置
before,用于匹配某元素内容区域之前的位置
before,用于匹配某元素与前一个元素之间的空白区域
下列在p元素开头添加“”符号的代码正确的是:
p:
before{container:
“”}
before{container:
}
before{content:
before{content:
25.防止外边距溢出最好的方法是:
父元素:
””;
display:
”table”}
table;
table}
下列对于flex-direction属性值描述正确的是:
值为column表示主轴y轴,起点在底端
值为row表示主轴x轴,起点在容器中心点
值为column表示主轴x轴,起点在最左端
值为row-reverse表示主轴x轴,起点在右端
如果主轴放不下所有项目时,可设置flex-wrap属性值为()来实现换行显示,但不改变主轴方向。
nowrap
wrap-reverse
reverse
wrap
下列代码可以定义flex容器x为主轴,从左向右排列,且如果放不下就换