bo一、margin負(fù)值

? ? margin-left / margin-top為負(fù)值，當(dāng)前元素會向左 / 上拖動

? ? margin-right / margin-bottom，當(dāng)前元素右 / 下方的元素會向左 / 上移動

二、BFC（塊級格式化上下文）

應(yīng)用場景

? ? 1、float高度塌陷

? ? 2、上下margin重疊? ??

觸發(fā)條件

? ? 1、overflow的值不是visible

? ? 2、position的值是absolute或者fixed

? ? 3、float的值不是none。

? ? 4、display的值是inline-block、table-cell、flex、table-caption、flex

? ? 5、body根元素

三、margin和padding的百分?jǐn)?shù)

? ? 值是父元素的寬*百分?jǐn)?shù)

四、絕對定位的百分?jǐn)?shù)

? ? 值是父元素寬高的值*百分?jǐn)?shù)

五、line-height繼承

? ? 具體值（30px）：直接繼承值

? ? 比例(1/2)：繼承比例

? ? 百分?jǐn)?shù)（200%）：繼承計(jì)算出來的值（line-height*height / line-height * font-size）

六、響應(yīng)式

? ? 單位：

? ? ????px：絕對長度單位，不可做響應(yīng)式單位

? ? ????em：相對于父元素的單位長度，不常用

? ? ????rem: 相對于根元素的單位長度，html的font-size = 1rem，弊端（階梯性）

? ? ????vw/vh: 視口寬高的1/100（window.innerWidth / window.innerHeight）

? ? ? ? vmax/vmin:視口寬高中較大/小的值

? ? 布局：

? ? ? ? media-query: @media

七、offsetWidth = width + border + padding

八、空白p標(biāo)簽會重疊

九、css3動畫

? ? 定義：

????????@keyframes{

????????????????0%{},

????????????????50%{},

????????????????100%{}

????????????}

? ? 使用：animation: name duration timing-function delay iteration-count direction;

? ? ? ? timing-function:動畫的速度曲線

????????????inear勻速

????????????ease低速/加快/變慢

????????????ease-in低速開始

????????????ease-out低速結(jié)束

????????????ease-in-out低速開始和結(jié)束。

? ??????iteration-count:播放次數(shù)