まずは、GutenbergのCSSを読み込む。
functions.phpに記述する。※ifやfunction・フックなどを行わずそのまま記載するだけで、基本CSSが読み込まれる。

add_theme_support( 'wp-block-styles' ); 

リセットしたいところ・リセットされていないところをリセットするのは、自分で設定するCSS(リセット用CSSや共通CSS)で行う。

識別接頭辞

.wp-***
.has-****

こういったクラス名とかぶらないように作成すればOK。
リセットCSSや共通では、HTMLタグ自体をリセット・初期化してしまうため、タグ自体にスタイルが適用される。その時にGutenbergのクラスが付与されるタグも適用されるので、都合の悪い指定をしていると、レイアウトや装飾がうまくいかなくなるので、注意。うまく行かなくなった状態をコンフリクトと呼ぶ。

JavaScriptなどでは得に発生しやすいものだが、CSSでも注意したいぽおいんと。

テーマを一から作成するとき

まずはGutenbergを読み込むための記述である、add_theme_supportを使って、読み込んでおいて、一からテーマを作成するのが良い。どこをどうリセットしてしまうとどういった問題が起きるのかを把握できる。

また、確認する際は、できればすべてのブロックをサンプルとして投稿したページを持とにして作成するのが良い。