【css】笔记

1.bfc 顶部塌陷

overflow:hidden;

float:

display:inline-block;

position:absolute;

 

2.float 清除浮动

::after{

　　content:"";

　　display:block;

　　clear:both;

}

或者触发bfc 或者文本元素

 

3.position定位

相对定位：relative

绝对定位：absolute

 tips：absolute会找最近的relative定位

 

4.浏览器内核

IE：trident

chrome：webkit/blink

safari:webkit

Firefox：gecko

opera:presto/blink

 

5.选择器权重

！important         无穷大

行间样式      　　　　　　1000

id选择器　　　　　　　　100

类、伪类、属性选择器 　　10

标签选择器　　　　　　　　1

通配符　　　　　　　　　　0

 

css3

三个部分，过渡、动画、transform

1.过渡 transition

 .guodu{

　　transition:width 2s,height 2s

}

2.动画 @keyframe

@keyframe donghua{

 from{}

 to{}

或者

10%{}

20%{}

...

100%{}

}

.movesomething{

　　animation:donghua

}

3.transform 旋转等

scale translate ...