css第四天课后考试答案

height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
.clearfix {
zoom: 1;
}
答案说明使用:after伪元素清除浮动。
4.请写出CSS中的3中基本定位机制。
答案普通流、浮动、绝对定位
答案说明CSS有三种基本的定位机制：普通流、浮动和绝对定位。
答案B
19以下哪个是固定定位（）
A.fixed B.absolute C.relative D.static
答案A
20.如果子元素设置了绝对定位，那么子元素不会相对于以下哪个样式的父元素进行定位（）
A.absolute B.fixed C.static D.relative
答案C
二、填空题
1.使元素左浮动需要使用______________
13.相对定位后的元素会_______原来的位置，以___________为基准设置定位。
答案(1)占据(2)自己左上角
14.设置________、___来自____、________的元素会实现模式转换。
答案(1)浮动(2)绝对定位(3)固定定位
15.固定定位以后的元素相对于_____________进行定位。
A.float:left; B.display:block; C.position:absolute; D.margin-left:100px;
答案D
2.display中的那个属性会隐藏元素?
A.block b.inline C.none D.inline-block
答案C
3.下面哪一个是左浮动？
A.float:none; B.float:left; C.float:right; D.float:center;
答案clear
9.请写出三种清除浮动的方式___________、_____________、_____________
答案(1)clear (2)给父盒子添加overflow:hidden (3)使用伪元素清除浮动
关键字清除浮动
10.___________是文档流中元素的默认定位方式。
答案静态定位
答案C
6.下面哪个不是右浮动的特点?
A.右浮动会脱离标准流B.右浮动遇到包含框会停止C.可以使用clear:right清除元素右浮动后的影响D.两个右浮动的元素如果包含块太窄会重叠
答案D
7.下面哪个不是浮动的特点？
A.元素设置浮动不会实现模式转换B.浮动元素以顶部对齐
C.可以让块级元素在一行显示D.设置浮动的元素不占原来的位置
答案B
4.下面哪一个不是左浮动的特点？
A.左浮动的元素在普通文档流中B.浮动的框向左移动C.左浮动元素碰到包含框后会停止浮动D.左浮动元素碰到其他左浮动元素后会停止浮动
答案A
5.下面哪个是右浮动？
A.float:left; B.float:none; C.float:right; D.float:center;
答案C
14.关于静态定位的说法，下面正确的是（）
A.静态定位的元素处于普通文档流中B.不占位置
C.相对于浏览器窗口进行定位D.元素框从文档流完全删除
答案A
15.下面哪个是绝对定位？
A.static B.relative C.absolute D.fixed
答案C
16.以下对绝对定位理解不正确的是（）
答案float:left;
2.左浮动的元素会___________标准文档流。
答案脱离
3.设置了浮动的元素，________原来的位置。
答案不占
4.使元素右浮动需要使用____________
答案float:right;
5.如果想让块级元素在一行上显示，需要使用___________(脱离标准流)
答案浮动
答案浏览器窗口
三、简答题
1.请写出浮动的至少3个特点。
答案1:设置了浮动的元素，不占原来的位置。
2:可以让块级元素在一行上显示（脱离标准流）
（浮动找浮动，不浮动找不浮动）
3：浮动以元素顶部对齐。
4：元素设置浮动可以实现模式转换。
答案说明浮动元素不占位置、可以让块级元素在一行显示、浮动元素顶部对齐、可以实现模式转换。
11.postion定位中的四个属性分别是________、________、________、________。
答案(1)static (2)relative (3)absolute (4)fixed
12.设置了________、_________、___________的盒子，不占原来的位置。
答案(1)绝对定位(2)浮动(3)固定定位
A.不占位置B.可以实现模式转换C.可以设置层级D.相对于自己定位
答案D
17.以下哪个是相对定位（）
A.static B.relative C.absolute D.fixed
答案B
18.下面哪个不是相对定位的特点（）
A.不能实现模式转换B.不占原来的位置C.以自己左上角为基准进行定位D.绝对定位的子元素会相对于相对定位的父元素进行定位
A.将元素固定到页面右下角B.实现模式转换
C.使元素相对于自己的向右移动20px D.将元素旋转一定角度
答案B
11.以下哪种方式不可以用来清除浮动？
A.clear:left; B.clear:right; C.over-flow:hidden; D.position:relative;
答案D
12.哪个选项是推荐用来清楚浮动的()？
5.请简述什么是子绝父相。
答案1：单独标签设置定位的时候，以浏览器左上角为基准设置定位的。
2：盒子嵌套的时候，如果父盒子设置了相对定位，那么子盒子是以父盒子左上角为基准设置定位的。如果父盒子没有设置定位，那么子盒子以浏览器左上角为基准设置定位的。
答案说明1：单独标签设置定位的时候，以浏览器左上角为基准设置定位的。
CSS第四天答案
Name:_________ Array_________Score_________
选择题每题2分，共计20分；填空题每题2分，共计40分;问答题每题4分，共计40分;
选择题和代码题主要考查的基本知识点的理解，而简答题主要考查表达能力.
一、选择题
1下面哪个样式不会改变span元素的展示模式？
6.浮动元素以_________对齐，同时可以实现_________转换。
答案(1)顶部(2)模式
7.浮动可以是元素在一行上显示，请写出浮动的3个具体应用场景_______、_______、_______
答案(1)导航条(2)左右布局(3)图文混排
8.CSS中提供的清除浮动造成的影响的属性是_________
答案A
8.下面哪个是浮动的特点？
A.元素设置浮动不会实现模式转换B.浮动元素会生成块级框
C.浮动元素会占用原来的位置D.浮动的元素默认有宽高
答案B
9.下面哪个效果不可以使用浮动来实现？
A.图文混排（文字包裹图片）B.导航条效果
C.网页左右布局D.将元素固定到页面右下角
答案D
10.下面哪个效果可以使用浮动来实现？
2：盒子嵌套的时候，如果父盒子设置了相对定位，那么子盒子是以父盒子左上角为基准设置定位的。如果父盒子没有设置定位，那么子盒子以浏览器左上角为基准设置定位的。
2.将span元素左浮动之后，能否直接给它设置宽高？简述理由。
答案可以直接给浮动后的行内元素设置行高。
因为浮动后会给元素生成块级框(即实现模式转换)。
答案说明浮动后的元素会实现模式转换，生成块级框。
3.请写出使用伪元素清除浮动的CSS代码。
答案.clearfix:after {
content: "";
A.clear:none; B.over-flow:hidden; C.双伪元素清楚浮动D.直接给父盒子一个高度。
答案C
13.下面哪个是静态定位？
A.position:absolute; B.position:relative; C. position:static; D.position:fixed;