总结一下css的响应式设计。

grid布局概念

长期总结css布局相关内容。

如何用纯css来判断鼠标进入元素的方向呢？

这是一个面试问题。

1. flex简单布局：

昨天是国家哀悼日，我发现所有主流网站都变成了灰色，那么这是怎么做到的呢。

其实这里用到了css3的滤镜filter属性，以及属性值grayscale()。

只需要给html标签加个class即可。

总结一下响应式设计，包括响应式页面和响应式图片。

响应式页面包括根据不同设备<link>不同的css样式文件，还有css中使用@media规则。

我看过的一些文章和《css权威指南》都没有太简洁明了的让我们理解css中的单位，反而css权威指南这本书还将简单问题复杂化了很多，故而我自己总结一下css中的单位。

总结一下css 的一些技巧。

css预处理器：使用一种新的语言书写css代码，通过编译后生成普通css文件，我们所要做的就是安装预处理器以及学习使用它的语法，然后编译生成目标css文件。