前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑，在这个夜深人静，想你想到泪流的时候，决定记录分享一下。

关于CSS3 3D Transform是变形属性里面的战斗机，就像立体几何的学习要在平面几何之后类似，在关于所有的2D的属性摸个七七八八之后，终于开始进阶3D变形了。先来一张SVG的背景图。炎炎夏日，清凉一下，即使不能行万里路，至少还有心在远方。 对于2D方向的移动，已经乏善可陈…

写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…

1. 面试题来自于百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐内部题库 2. 熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率

这个圆圈是用border-radius: 50%画出来的，所以width/height变大的时候，圆圈的半径就会变大，但是在变化的过程中变形了。如果改成用padding做动画，效果也一样，那怎么办呢？一个方法是把动画时间调小一点，这样看起来会减轻，但终究不是根本解决办法。 我在…

经典的上-中-下布局。 在上-中-下布局的基础上，加了左侧定宽 sidebar。 左边是定宽 sidebar，右边是上-中-下布局。 还是上-中-下布局，区别是 header 固定在顶部，不会随着页面滚动。 左侧 sidebar 固定在左侧且与视窗同高，当内容超出视窗高度时，在…

line-height（行高） : 指的是两行文字间基线之间的距离，而实际撑开div高度的不是height，而是line-height。 **line box **: 每一行称为一条line box，它又是由这一行的许多inline box组成，它的高度可以直接由最大的line…

本次是一个基础不能再基础的复习贴。旨在了解人人皆知的浮动，以及通过clear与bfc清除浮动的一些规范上的解释。

之前踩坑css的时候，遇到滑轮，按钮，选择框这类型的东西，为了页面效果，总是需要自定义他们的样式，而不使用他们的默认样式。当时写的时候，我也是蛮头疼的，弄了个demo，链接在下面。对此做个总结。本文是面向前端小白的，大手子可以跳过，写的不好之处多多见谅。 额，今天就先大概的将代…