练习遗忘知识点2

1.transition：用于在一定的时间内平滑的过度，这种效果可以在鼠标单击，获取焦

点，被点击或对元素任何改变中触发，并圆滑的以动画效果改变CSS属性的属性值。

（1）transition-property (执行变换的属性 )：none(没有属性改变)，all(所有属性都

改变)或指定某一元素(比如color，background等属性)。

（2）transition-duration (变换延续时间)：动画执行的时间，单位(s)比如"0.1s"也可

以写成".1s"，它可以作用于任何元素，包括before和after伪元素。

（3）transition-timing-function  (延续时间内，变换速率的变化)：动画执行的时

间，单位(s)比如"0.1s"也可以写成".1s"，它可以作用于任何元素，包括before和after

伪元素。

（4）transition-delay  (变换延迟时间)：动画延时时间基本用法与duration相同。

2.定位：

（1）相对定位：（position：relative）

★使用相对定位，位置从自身出发。

★还占据原来的位置。

★子绝父相（父元素相对定位，子元素绝对定位）

★行内元素使用相对定位不能转行内块

（2）绝对定位：（position：absolute）

★元素使用绝对定位之后不占据原来的位置（脱标）

★元素使用绝对定位，位置是从浏览器出发。

★嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置是从浏览器出发。

★嵌套的盒子，父盒子使用定位，子盒子绝对定位，子盒子位置是从父元素位置出发。

★给行内元素使用绝对定位之后，转换为行内块。（不推荐使用，推荐使用display:inline-block;）

（3）固定定位：（position：fixed）

★固定定位之后，不占据原来的位置（脱标）

★元素使用固定定位之后，位置从浏览器出发。

★元素使用固定定位之后，会转化为行内块（不推荐，推荐使用display:inline-block;）

3.frame,iframe,frameset用法和区别

<FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

<IFRAME> 在一页网页中间插入一个框窗以显示另一个文件。IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架

(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。