CSS语法：除了属性和选择器，你还需要知道这些带@的规则

toggle()函数试了下在google 火狐打开都没用呢显示无效属性值

@namespace svg url(http://www.w3.org/2000/svg) 请问这个 声明这个 namespace 的必要性在哪里，在什么情况下会需要使用这个规则

查阅了一些资料发现，目前CSS中toggle()这个函数在任何主流浏览器中都不支持，所以无论是Chrome还是Firefox里用这个函数都是无效的。

在网站上搜索了一下，发现 css 函数有不少，尤其是近三年，增加的函数几乎超过过去的总和。 按照 winter 老师提到「知识完备性」的思路，尝试整理了一下 CSS 函数。 按照功能，分成以下 5 个类别（可能并不完全准确）： # 1. 图片 * filter * blur() * brightness() * contrast() * drop-shadow() * grayscale() * hue_rotate() * invert() * opacity() * saturate() * sepia() * cross-fade() * element() * image-set() * imagefunction() # 2. 图形绘制 * conic-gradient() * linear-gradient() * radial-gradient() * repeating-linear-gradient() * repeating-radial-gradient() * shape() # 3. 布局 * calc() * clamp() * fit-content() * max() * min() * minmax() * repeat() # 4. 变形/动画 * transform * matrix() * matrix3d() * perspective() * rotate() * rotate3d() * rotateX() * rotateY() * rotateZ() * scale() * scale3d() * scaleX() * scaleY() * scaleZ() * skew() * skewX() * skewY() * translate() * translate3d() * translateX() * translateY() * translateZ() # 5. 环境与元素 * var() * env() * attr()

推荐一下《css世界》这本书，有理论基础也有实战应用和常遇坑，看了两章感觉不错。

我看到winter老师讲解这些冷门的知识，忽然意识到什么叫做精通？要精通就要抠这种细节，这样才能做到精通 做就要做精通，前端是一种手艺人

@import 用于引入一个 CSS 文件，除了 @charset 规则不会被引入，@import 可以引入另一个 JavaScript 文件的全部内容。这段写错了 应该是css 文件全部内容

“只有伪类可以出现在伪元素之后”是不是写反了

试了一下 toggle这个函数 并没有效果。clac实测下来是有效果的。

本来想发张思维导图的，但是貌似不支持发图，想想算了，也就整理了67个css函数，也不知道够不够。