デベロッパーツールで確認出来るCSSの「user agent stylesheet」について

【結論】

・「user agent stylesheet」とは、ブラウザ毎に定義されているデフォルトのCSS

・GoogleChromeのデベロッパーツールで確認する事が可能

・リセットCSSを使っても消えない場合があり、その時はスタイルを上書きして対処する

【目次】

【本題】

全てのブラウザはデフォルトでCSSを持っています。

それにより、本来意図したCSSが適用されず、ページのデザインが崩れてしまうことがあります。

「user agent stylesheet」とは、そういったデフォルトのCSSを指します。

「user agent stylesheet」は、GoogleChromeのデベロッパーツールで確認する事が可能です。

こういったブラウザ固有のCSSを打ち消す為に、リセットCSSが存在します。

リセットCSSは無料でコードが配布されていたりするので、簡単に導入する事が可能です。

しかしリセットCSSを使用しても消えない場合もあるので、その場合はスタイルを上書きして修正します。