自分は、ウェブデザイナーやフロントエンドエンジニアではないので、CSSはの基礎についてもっと分かりやすく説明ができているサイトを紹介したいと思います。
CSSの基礎
さすがMDNだと思いますが、CSSの初心者の自分が見ても分かりやすく基礎知識を説明してくれています。
一番、最初に見ていただきたいですが、「次の段階を勉強するときに理解ができないところがあるかも！」と思ったからです。（現代開発者のためのCSS基礎技術）
https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/CSS_basics
現代開発者のためのCSS基礎技術
以下の記事は、タイトルそのままで「現代開発者」向けになっています。なので、「CSSの基礎」を読んでいただいてから見るのをお勧めします。
https://qiita.com/arowM/items/e1af320e2755461649a0
理論＋チュートリアル
最後は、様々な言語や技術を学べるサイトです。ざっくり見た時にチュートリアルもあったので上記で理論を学んでから練習できるかなーと思って入れました。（他のサイトでもお勧めしていました。）
諦めなければできる - Anveloper 