CSSはWebページを表示する際に、「どの要素をどこに配置するのか」を決めるものですが、Webの発展とともにCSSもさまざまな設定が追加されており、「CSSで何ができるのか」という段階でつまずいてしまうことも少なくありません。そんなCSSの項目を視覚化し、一目でどんな効果がでるのかを確かめられるようにまとめたページが「CSS Reference」です。 CSS Reference - A free visual guide to CSS https://cssreference.io/ サイトにアクセスし、下にスクロールすると…… CSSの項目を分野ごとにまとめた「Collections」と、その下に全ての項目を検索できる検索ボックスが出てきます。例えば「margin」と検索し、出てきた「margin」の項目をクリックしてみます。 左側に分野名と検索ボックス、右側にmarginの説明という
![CSSの項目を具体的なビジュアルとともに一目で理解できるようにまとめたサイト「CSS Reference」](https://cdn-ak-scissors.b.st-hatena.com/image/square/995250d447c56f457740813e5c349e18d039fafc/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2019%2F02%2F05%2Fcss-reference-visual-guide%2F00.png)