【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 ...

原文地址:https://www.cnblogs.com/zspbolg/p/8873116.html