CSS7篇

CSS是用来美化网页的样式表，可以设置文字样式、图片外观、版块布局等。它由选择符和申明两部分构成，每个申明可以有一个或多个值，以分号结尾。让我们一起来打造漂亮的网页吧！

用 CSS perfer-* 标准，让网站更易浏览和扩展。prefers-reduced-motion、prefers-color-scheme、prefers-contrast、prefers-reduced-transparency、prefers-reduced-data等特性，让网站更人性化。

小编的上一篇文章《有意思的css—简易的雨天实际效果》受到了朋友们的好评和建议，其中一个非常好的提议是让波浪纹在小雨滴消退处形成。于是，我按照这个构思完成了简易的雨天实际效果2.0版。

高数中，我们可以用定积分求曲边三角形面积。而这种方法竟然可以用来制作波浪纹的效果，真是太神奇了！让我们来看看这个有趣的构思吧。

看到一个b站视频，有个很棒的雨天实际效果。我也按照自己的想法做了一个简单的版本。虽然GIF图只能做33FPS，可能会有点卡，但还是很有意思的。

这次我好像才真的明白了CSS Rem字体计算的原理 背景如何按照设计稿中标注的尺寸，直接写页面的样式，不再需要px2rem这样的工具或者人工转换 ? 只要你明白了rem的计算原理，这个问题的答案超级简单。根字体大小计算核心原理 设备的根字体大小 * 全屏比例值 = 设备的宽度设计稿的根字体大小 * 全屏比例值 = 设计稿的宽度这两个等式中的全屏比例值相等的条件下，在真实设...

这是一款纯粹使用CSS实现的动画效果，无需任何JavaScript或jQuery代码。它的效果如图所示，令人感到非常惊艳和动人心弦。