前言 最近项目中遇到calc()方法不生效问题，本着究其所以然的想法，彻底查了一下calc的方法及使用，还有为什么项目中使用不生效的问题，最后总结出此文，解决方法放在结尾了 cale()是什么 cal

事情是这样的，前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。 简单看了看，就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。 唰！很快啊加了一会班

从MDN对于box-shadow的描述，则认为通常的 box-shadow属性有，阴影效果在X&Y轴的偏移量，其次是模糊度半径、扩散度半径和阴影颜色。 轻拟物，在于一个“轻”字，区别于完全的拟物，是一种轻量化的趋近真实物体的视觉表达。 毋庸置疑，轻拟物风格，给用户传达…

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。 鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...

Flex 的介绍与实例

结合实践总结 flex 模式

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它，但是我想我们都会有一个共同的经历，面对它的各种版本，各种坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，通过简洁的属性设置就能使得它完美的运行在移动端的各种浏览器，…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

介绍《CSS 揭秘》这本书中的 CSS 技巧，持续更新中...