HTML/CSSの概要をある程度覚えてきて、
サイトの模写をしてみようとしたとき、フォントのサイズやカラー空白欄の広さなど
見た目で分からないときはChromeデベロッパーツールを使う。

確認したいところで右クリック→検証

ショートカットキーでは、【Ctrl+Shift+I（MacではCommand + Option + I）】もしくは【F12】キーで起動できます。

その場でいじって変化を確認できたりもする。