下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hi…

今天我看源码，因为一边看一边记笔记所以看的慢。突然发现一个特性。所以单独开一篇。 感觉是一个秀bigger的特性，如果有一天面试官问你发现优化页面的时候， 你提出可以检查浏览器是否可以使用该特性。提升滚动流畅度。 pas…

你确定，EM是相对于父元素的大小？ 在我们写样式修饰的时候，长度单位像PX、EM、REM是我们常用的。那么它们有什么不同的地方呢？ 1、PX 像素。相对长度单位，相对于显示器的屏幕分辨率的大小 IE无法调整那些使用px作…

CSS1 中定义的选择器 类型选择器 用于选择指定类型的元素（其实他就是 html 标签选择器），常见用法如下： body { /*对 body 元素定义样式*/ } body,div { /*同时选择多种标签元素*/ …

错过一周的优质内容，不要再错过周一的快速回顾 寒潮来得出乎意料，dong手dong脚，一遍听着史诗巨著《张士超你到底把我家钥匙放哪里了》，一边将优质内容进行整理 一周咨询 firim:《fir.im Weekly …

看了 flexible 源码，不懂为什么对于android 没有缩放，而是粗放设置，导致 android 很不精细，于是略微删减代码如下，留着自己备用，后续如果再学到了什么知识点，再回顾吧。 本质上就是把 viewpor…

深入理解 JavaScript Errors 和 Stack Traces – 前端 – 掘金译者注：本文作者是著名 JavaScript BDD 测试框架 Chai.js 源码贡献者之一，Cha…

一、CSS 书写规范 缩进 使用 4 个空格做为一个缩进层级。 .selector { margin: 0; padding: 0; } 空格 1.选择器与 ‘{‘ 之间要包含空格；2.属性名与之…

前言：边界属性margin是盒子与盒子之间的间距，一定要记住这个前提。 BFC 满足下列条件之一就可触发BFC(IE的触发需要再额外增加zoom: 1) 根元素，即HTML元素 overflow的值不为visible 设…

CSS外边距折叠 第一种：两个块级元素的上下边距折叠第二种：父元素和子元素（或者最后一个元素）的外边距第三种：空的块级元素的上下外边距折叠的根本原因：margin之间直接接触，没有阻隔折叠后外边距的计算：1.如果两个外边…

许多开发人员花时间在使用CSS的预处理器上如less,sass和stylus。这些工具已经成为Web开发的重要组成部分。写一个网站的样式，不使用嵌套，变量或混入等功能很少见。它们每个都是非常实用的，让我们退后一步看，考虑…

最近看到知乎上面很多讨伐培训班的问答、文章，不禁想到了我和新手同事合作的一些经历； 其实你是“培训班出来”还是“计算机科班毕业”，没人在乎，关键是你表现出来的一些问题切切实实的对你的同事或合作伙伴造成了很大困扰，而且这些…