网页设计师着迷于尝试新css技术的方法，并突破了css可以做的界限。精心策划的css几乎可以控制设计的任何方面，并通过更清晰，更一致的代码为更好的整体用户体验做出贡献。
但是趋势是什么技术？接下来你应该学什么？我们对今年的最新发展有一些想法。潜入，看看有什么热门，并尝试一些新的css技巧和技巧，为您的下一个项目提供一个令人兴奋的优势。
1.使css网格响应
您设计中的其他所有内容都具有响应性，请确保您的网格也不例外。最棒的是，使用css grid有多种方法可以创建一个灵活的网格，无论设备大小如何，它总是呈现您想要的方式。
好消息是响应式css网格适用于大小相等或不相等的列。您可以使用不同的断点，高度（下方）和项目展示位置。（这是非常酷的技术，包含了一些选项，可以为您提供所需的控制权。）
从分数（fr）单位开始，这是一个根据您的规则划分开放空间的灵活单位。每个fr声明都是一个列;?然后你可以添加间隙，你有一个网格。
了解更多信息：?smashing magazine提供了一个很好的指南，解释了所有选项，因此您可以充分利用响应式网格。
2.使用可变字体
可变字体很新。它是一个单独的文件，包含用户查看设计所需的每种字体版本。
虽然没有大量可变字体可供使用，但它正在增长，这就是我们在网络上使用类型的地方。bbc上面的doctor who的新标识，甚至使用了定制的可变字体。
要使用可变字体，必须选择支持该功能的字体和已实现font-variation-settings属性的浏览器。（支持很好并且在不断发展。）
了解更多：?axis-praxis是一个可变字体的游乐场，因此您可以播放，测试组合，甚至可以找到项目的字体。
3.创建文本动画
从悬停更改到浮动或滚动页面的单词，css会影响用户阅读和使用文本元素的方式。
什么曾经只是一个静态元素，可以动态显示。对于那些没有很多其他艺术元素吸引用户的网站来说，这是一个非常受欢迎的选择。
了解更多：?animista是一款处于测试阶段的工具，但它允许您尝试各种不同风格的文本动画。
甚至更多：?code my ui有一个很好的代码片段集合，用于创建各种文本动画，例如上面的分割文本片段。
4.实现scroll snapping
有很多次你希望你可以控制滚动，对吗？您希望用户一次看到设计的某个部分。
css scroll snap就是答案。以下是google对其的描述：
css scroll snap功能允许web开发人员通过声明滚动捕捉位置来创建良好控制的滚动体验。分页物品和图像转盘是两个常用的例子。
简而言之，这意味着您可以控制滚动点 – 垂直和水平（大多数只是桌面模式） – 以便用户准确地看到您想要的内容。
了解更多信息：您可以从google developers中找到几乎所有需要了解的内容，包括一些入门代码段。
5.使用css测试浏览器支持css甚至可以帮助您确定某些浏览器是否支持新的css功能。
它植根于feature queries @supports规则，该规则允许您根据浏览器功能创建声明。一个警告是，这对于早于internet explorer 11的任何东西都不起作用，但是现在这个浏览器上没有太多用户。
了解更多：您可以获取代码片段并理解语法并从mozilla获取示例。
css网格资源css grid layout是目前最受关注的内容之一。如果你不在循环中，那么就该开始学习了。
“css grid是一个强大的工具，允许在网络上创建二维布局，”?jonathan suh在其丰富的资源指南中进行了描述。