1.内联元素如何转化成为块元素
在内联元素样式构建加入 Display:block;
2.元素类型有哪些?他们的特征分别是什什么?
内联元素和块元素;
内联元素:1.在同一行显示 2.不支持宽高 3.宽高由内容撑 开 4.代码换行会被解析 5.上下margin不支持
块元素:1.不会在同一行显示 2.未设置width会独自占满一 行 3.支持所有css命令
3.清浮动有哪些⽅方法?你最喜欢哪个?为什么
1.加高 2.给父级加浮动 3.使用inline-block方法 4.空标签清浮动 5.
标签清浮动 6.after伪类清浮动7.overflow方法清浮动我喜欢after伪类清浮动,因为它优雅。
4.什什么是BFC?如何才能得到⼀一个BFC
BFC:标准浏览器;
a float的值不为none
b overflow的值不为visible
c display的值为table-cell,table-caption,inline-block中的任一
d position的值不为relative和static
5.Positon的值有哪些?
relative,absolute,fixed,static,inherit
6.说⼀一下绝对定位,相对定位和固定定位的区别
相对定位:不影响元素本身特性;不脱离文档流,原来位置会被保存;没有定位偏移量,对元素本身无影响;提升层级。
绝对定位:使元素完全脱离文档流原始位置不保留;使内嵌支持宽高;块属性标签内容撑开宽度;有定位父级相对定位父级发生偏移,没有去相对于页面偏移;相对定位一般配合绝对定位元素使用;提升层级。
固定定位:和绝对定位的差别就是总是想对整个文档进行定位,并且IE6不支持固定定位。
7.怎么改变⼀一个div的层级,写出代码让DIV1在DIV2在下
div1{z-index:1;}
8.如何实现层叠的DIV1与DIV2,上⾯面DIV1不不透明下⾯面DIV2透 明?
需要使用opacity属性;给父级加透明度子级也会继承;
在IE6和IE7浏览器下面应该用filter:alpha(opacity=0~100);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1{width:200px;height:200px;background:yellow;position:absolute;z-index:1;}
.div2{width:200px;height:200px;background:black; position:absolute;top:20px;left:20px;opacity:0.5;}
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</body>
</html>
9.合并⾏行行属性,合并列列属性
合并行属性:<td colspan="number"></td>
合并列属性:<td rowspan="number"></td>
10.让DIV⽔水平垂直居中
margin:50%