今天给大家安利一套现代 CSS 的教程，以前写网页的问题，现在都可以用新的写法来解决了。

ModernCSS.dev 是一个现代 CSS 语法的教程，讲解新的 CSS 语法如何解决一些传统问题，一共有30多课。

这套教程的作者是 Stephanie Eckles，网名 5t3ph，她就职于微软，专注于前端领域，同时她还是一位妈妈。她在网上分享了很多前端教程，这次给大家推荐是其中一套。

• 这是一套关于解决前端布局问题的系列教程，简单直接，网上这类教程很少；
• 教程通俗易懂，除了贴有代码，教程不仅仅是文章，还能根据代码实时渲染效果，对学习理解很有帮助；
• 整套教程完全免费，访问速度也很流畅，也不需要登录账号。

这是一套系统的 CSS 教程，CSS3 很多高级的写法，其实我们都使用在项目上了，但很少有人给我们系统地整理出来。Stephanie Eckles 用简单易懂的语言把以前我们遇到的布局问题都整理出来了，并且用新的写法来解决，不仅适合 CSS 初学者，使用 CSS 很多年的开发者，也同样从这套教程中受益匪浅，我就里面学习到了很多巧妙的解决方法。

不过这套教程是全英文的，借助翻译软件学习会更流畅，不过翻译软件也经常会翻译错意思，必要的时候还是看英语原文更好，前端领域其实也就那些单词，理解起来并不难。

这是一套完全免费的 CSS 高级教程，打开浏览器就能阅读，关于 CSS 的系统教程比较少，强烈推荐大家收藏阅读学习。

原文链接：https://www.thosefree.com/modern-css