はてなブログのpタグ余白をCSSで調整する
はてなブログで``を使いたいからMarkdown記法使ってるけど、改行の間隔がやや狭いので読みにくい。CSSで調整するしかないのか。
— Gengo Kikuchi | Webディレクター (@gengo_k) 2022年7月7日
どうすれば良いか調べて調整した。
まず 設定 > 詳細設定 でhead要素が書けるので書いてみる。これは上手くいかなかった。 CDNからはてなブログのCSSが呼び出される前にstyleタグが入り、上書きされてしまう。 このフィールドはあくまでメタ情報追記等に使う想定ということだろう。
次にデザイン > カスタマイズ > デザインCSSに記述する。これで上手くいった。
CSSの書き方はいろいろ出てきますが、結局MDNを参照するのが理解も深まるし良かった。
margin - CSS: カスケーディングスタイルシート | MDN
CSSはきっちり入門〜応用まで勉強しきれてないので、一度全体通して読んでおきたいとは思っている。