21号作业

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);

 



div1
div2

9.合并⾏行行属性，合并列列属性

合并行属性：

合并列属性：

10.让DIV⽔水平垂直居中

margin:50%