Chromeに新しく実装された﹁CSS Overview﹂が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能﹁CSS Overview﹂ Fyi: New in Chrome: CSS Overview Chromeの新機能﹁CSS Overview﹂の準備 Chromeの新機能﹁CSS Overview﹂の使い方 Chromeの新機能﹁CSS Overview﹂の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン︵Settings︶をクリックします。
![Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる](https://cdn-ak-scissors.b.st-hatena.com/image/square/80efee28e5a843dbccec62c714fb76c09e868691/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202003%2F2020070410.png)