weixin_44708911的博客

css3(cacsscadng style sheets):层叠样式表； 面试前先把自己弄活跃起来（不然容易让场面冷下来，让自己发抖）； 层叠样式表：由一条条规则组成的； 规则由：选择器，声明块组成； 声明块：由一条条声明组成； 声明：由css属性+css属性值组成的键值对； *{margin:0;padding:0;} div ul li #test{}//浏览器从右往左去渲染；（从左往右元素不会被浏览器立即匹配到，而从有往左，只需要先查找所有的#test然后向上找，逐渐匹配；） ..

css(2.1): 包含块： 较早前讨论浮动元素的包含块：对于浮动元素，其包含块定义为最近的块级祖先元素，对于定位，情况就会发生变化： 根元素的包含块（也称为初始包含块）是有用户代理创建的，也就是html元素，不过浏览器会使用body作为根元素，在大多数浏览器中，初始包含块是一个视图窗的矩形； 对于一个非根元素，如果其position的值为relative或static，包含块由最近的块级框，表单元或行内块祖先框，内容边界共同决定的； 对于一个非根元素，如果position属性是...

CSS中的盒子模型： CSS中盒子的大小由margin(盒子外围)、padding（盒子内围）、border（盒子边框）以及盒子内容构成，盒子是一个容器，当我们需要喝水的时候可以拿起杯子同样也可以直接用手去盛水。不用盒子和用盒子的区别在于适不适用于生产。 用盒子的好处： 1.留有空间:可以预留一部分空间(构造图形、撑开内容、设置盒子内部不同属性产生不同布局) 2.划分区间:不同的区域放置不同的物品（在html5中的header/footer等） 怪异盒子（box-sizing:border-box

CSS的2D转换: 可以对元素进行移动、缩放、转动、拉长或拉伸。 translate() rotate() scale() skew() matrix() transform:ratate(0deg):顺时针旋转 tansform:translate(50px,100px);右移50px，向下平移100px transform:scale(2,3)横向增大2倍，纵向增大3倍； transform:skew(amgle,angle)x轴向上倾斜y轴向上倾斜 matrix()方..