推荐一款来自微软前端工程师的 CSS 高级教程——ModernCSS.dev

ModernCSS.dev是现代CSS语法教程，讲解新的CSS语法如何解决一些传统问题，共30多课。这套教程的作者是 Stephanie Eckles，网名 5t3ph。这是一个完全免费的高级CSS教程，打开浏览器即可阅读。关于CSS的系统教程很少，强烈建议大家收藏阅读。

ModernCSS.dev教程的优点

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

Stephanie Eckles 用简单易懂的语言整理了我们过去遇到的所有排版问题，用一种全新的方式解决了这些问题。不仅适合CSS初学者，也适合使用CSS多年的开发人员，从这个教程中受益匪浅，从中我学到了很多巧妙的解决方法。

ModernCSS.dev教程的缺点

本课程全英文，虽然有翻译软件的帮助学习会更顺畅。但是翻译软件经常翻译错误的意思。如果有必要，最好看看英文原文。前端字段其实就是那几个字，不难理解。

进入ModernCSS.dev官网