1.内联元素如何转化成为块元素
添加 display:block;
2.元素类型有哪些？他们的特征分别是什么？
元素的类型有 块元素 内联元素
块元素的特征：
1. 独占一行
2.支持所有CSS命令
3.不设置宽度试 宽度撑满整行
内联元素的特征：
1.可以在一行显示
2.不支持宽高
3.宽度由内容撑开
4.margin和padding的支持有问题
5.代码换行会被解析
3.清浮动有哪些方法？你最喜欢哪个?为什么
1. 加高度 问题：扩展性不好
2.父级浮动 问题：页面中所有元素都加浮动 margin左右自动失效
3.inline-block清浮方法 问题：margin左右自动失效
4.空标签清浮动 问题IE6最小高度为19px 解决后IE6下还有2PX偏差
5.br浮动 问题：不符合工作中 结构、样式、行为三者分离的要求
6.after伪类 是最喜欢的方法 因为他不特性比较大众主流
7.overflow:hidden 问题：需要配合宽度或者zoom
4.什么是BFC？如何才能得到一个BFC
BFC（block formatting content)标准浏览器，即除了ie6、ie7、ie8的浏览器
得到BFC的条件：
a、float的值不为none。
b、overflow的值不为visible。
c、display的值为table-cell, table-caption, inline-block中的任何一个。
d、position的值不为relative和static。
e、width|height|min-width|min-height:(!aotu)
5.Positon的值有哪些？
position:relation/absolute/fixed/static/inherit;
6.说一下绝对定位，相对定位和固定定位的区别
绝对定位：
1.使元素完全脱离文档流
2.使内嵌支持宽高
3.块属性标签内容撑开宽度
4.如果有定位父级，相对于定位父级发生偏移，没有定位父级，相对于document发生偏移
5.相对定位一般都是配合绝对定位
6.提升层级
相对定位：
1.不影响元素本身的特性
2.不会使元素脱离文档流
3.如果没有定位偏移量，对元素本身没有影响
4.提升层级
固定定位：
与相对定位的特征基本一致，差别是始终相对整个文档进行定位。 问题：IE6不支持固定定位。
7.怎么改变一个div的层级，写出代码让DIV1在DIV2在下
使用z-index改变层级
.div1 {
position:relative;
}
.div2 {
position:absolute;
z-index:1;
}
8.如何实现层叠的DIV1与DIV2，上面DIV1不透明下面DIV2透明？
z-index 改变层级 opacity：
.div1 {
position:absolute;
z-index:1;
}
.div2 {
position:absolute;
opacity：0-1;
}
9.合并行属性，合并列属性
合并2个行单元格 <td colspan="2"></td>
合并2个列单元格 <td rowspan="2"></td>
10.让DIV水平垂直居中
<style>
.DIV{
width: 200px;
height: 200px;
background: red;
position:absolute;
left:508px;
top: 96px;
}
</style>
</head>
<body>
<div class="DIV"></div>
</body>
网友评论