Unsplash重置 reset 和默认 base：消除默认样式和浏览器差异，并设置部分标签的初始样式，以减少后面的重复劳动统一处理：建议在这个位置统一调用背景图（这里指多个布局或模块或元件共用的图）和清除浮动（这里指通用性较高的布局...

渐变指在两个或多个指定的颜色之间显示平稳的过渡，渐变一般分为线性渐变和径向渐变，呈一条直线渐变的称作线性渐变，而从圆心到四周扩散的过程成为径向渐变...

可能的原因有：① CSS 属性结束后，忘记添加分号 ;；② 分号使用了中文的，要使用英文的半角符号；③ 属性名称或属性值写错了

弹性盒，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为，弹性盒属于 CSS 3 部分，IE9 以下不支持，现代浏览器指的就是 IE9 及以上的浏览器...

我在上一篇博文 CSS 布局_2 Flex弹性盒中，对 Flex 弹性盒有着详细的介绍，在这里，我们使用 Flex 弹性盒布局，来实现骰子的布局，一个面可以设置 9 个点数，但在这里我只列出了点数 1-6 的布局方式，剩余点数的布局大家可以自行尝...

从上图的运行结果可以看到，添加 display: inline-block; 属性后，水平呈现的元素间产生了空隙，出现这一现象的本质是，HTML 中存在的空白符 (whitespace) ，空白符包括空格，TAB 和回车，解决的办法有：...

平时我们使用css来填充颜色时一般直接采取对于HEX色值即可，但这样往往会显得很囊肿而且不宜维护（如果需要整体更换色调会非常麻烦）对于主题色调来说，更改一次实现全局应用才是硬道理.....

在浏览器开始渲染页面，或者长时间执行某个 JS 时，主线程会一直在忙碌状态，此时对于用户的任何输入或是操作都不会有所响应。

css3 transform:translateZ(0)解决一个存在已久并早已知悉解决方案的渲染问题… 最终，只用了一小段的css代码就解决了

做了一段时间的移动端项目了，碰到了一个顽固的BUG: 即点击一个icon元素的时候，发现底部会有一块蓝色的高亮。最终，只用了一小段的css代码就解决了...