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%
网友评论