尽管绝大多数人都知道inherit这个关键字，但是很多人可能自始自终都没实际用过它，包括我自己，从来没有，在查询CSS文档时，习惯性的忽略它，直到看到《CSS揭秘》这本书。

按惯例，上GIF： 重现：https://codepen.io/anon/pen/JJBxOm这是我今天参加面试时候，面试官让我做的一道题，面试官坐我旁边看我现场做，然而我比较菜，回来后才做出来……来看看HTML部分：由于li是inline-block元素，所有没有写li的闭合，…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…

打造丝般顺滑的 H5 翻页库

因为<img>、<input>属于替换元素，替换元素一般有内在尺寸和宽高比(auto时起作用)，所以具有width和height，可以设定。 元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例…

CSS Grid是一个强大的 web 二维布局工具，能够以行和列来进行布局； 1. 网格容器 通过设置display的属性为grid或inline-grid来创建网格容器； display: grid 默认行排列，宽度为容器的宽度； .container{ display: gr…

原文地址:https://juejin.im/post/6844903697000972295以下是骚年你的屏幕适配方式该升级了!系列文章，欢迎转发以及分享:骚年你的屏幕适配方式该升级了!（一）-今日