这样代码就干净，易读，易于理解了。 你不需要分别添加 line-height 到每个 p,h 标记等。只要添加到 body 即可： 这样文本元素就可以很容易地从 body 继承。 这样文本元素就可以很容易地从 body 继承。 看，是不是很简单。注意：在 IE11 中要小心 f…

相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。本文主要探究伪元素beforce和after的常用使用场景。 :before 选择器向选定的元素前插入内容。 使用content 属性来指定要插入…

浏览器在渲染页面时，渲染引擎会把DOM看做一个个的盒子，这些盒子的宽高以及边框由css决定，一个盒模型包括 内容区(content)、内边距(padding)、边框(border)、外边距(margin)。 盒模型又分为 标准盒模型 和 怪异盒模型，在标准盒模型中通过css设置…