1. padding和margin正负相抵 2. flex布局

1. 生成速度曲线 2. 格式 3. 可以在网站模拟

1. 媒体查询语法 2. 逻辑操作符 only用来指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器。其实only很多时候是用来对那些不支持Media Query但却支持Media Type的设备隐藏样式表的。其主要有：支持媒体特性的设备，正常调用样式，此时就当only…

1. margin 1.1. margin设置元素的外边距宽度，按上右下左的顺序 1.2. 块级元素的垂直相邻外边距会合并，外边距不同时，取最大值 1.3. 行内元素不占上下外边距,行内元素的的左右外边距不会合并 1.4. 浮动元素不会合并外边距 1.5. 相对定位时，块级元素…

上面代码两个都能居中，p元素占整行，但是文本处于居中位置；span元素处于文本位置，所以span元素跟随着文本居中。 只对块级元素起作用。如果需要对行内元素如 绝对定位的这种方法对于宽度已知的块级元素来说非常方便，但如果是行内元素，宽度随内容变化，不容易得到。 这种方法不需要知…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …

1. 开局一张图，内容全靠编 若是普通的css添加左右margin,则红色盒子之间的距离会比红色盒子与父元素的距离大两倍。 若是只添加左边距，则最右边的红色盒子和父元素贴在一起了。其实这里可以另外给父元素添加内边距，但是这样要确定红色盒子数量和margin的大小 2. flex…

1. 单行文字居中 2. 多行文字居中

1. position属性 与相对定位不同，绝对定位是脱离原文档流的，绝对定位的元素会寻找有定位的父（祖）元素作为参照物，然后相对这个参照物来偏移。如果所有父（祖）元素都没有设置position属性值为relative或者absolute则该元素最终将对body进行位置偏移 给…