背景🎏

業務でhead,body内にstyleタグを埋め込む処理を実装していました。
実際どのような違いがあるのか分からなかったのでこの度調べてみます！

headタグ内のstyleはbodyタグ内のstyleで上書きされる🎨

headタグ内のstyleはbodyタグ内のstyleで上書きされるそうです。

サンプルコード

以下が理由だそうです。

headタグ内に指定したstyleタグが先に実行されます。
その後にstyle属性が、styleタグを上書きする形で実行されます。

確かに上書きされています。
styleタグを記述する際は上書することもあると頭に入れておく必要があります。

HTML5.2でbodyタグ内にstyleタグを書くことが可能になったそうです。
引用

HTML5に変わって現在の標準であるHTML Standardではheadタグにstyleタグを書くと書かれています。

In a noscript element that is a child of a head element.
whatwg

つまり、bodyタグにstyleタグを書くことについて触れられていないです。

禁止されているような文言が見当たらなった為、触れられていないと表現しています。

styleタグをbodyタグ内で使うことに関する議論が過去にされていたそうです。

Do we have proof that <style> in <body> significantly affects performance on a real website?

「bodyタグ内のstyleタグが実際のウェブサイトのパフォーマンスに大きく影響するのか」という問いの答えは出ないままcloseされています。