px を書くときと書かないときの違いがわかりません

HTML のタグ内で width や height を指定するときは px は付けず、 CSS に記述する場合は px を付けます。
2022年5月3日
ユーザー

お世話になります。
以下 px 有り無しの違いがわかりません。

<svg width="160" height="160">
.my-box:hover {
  width: 60px;
  height: 60px;    
}
<rect x="0" y="0" width="160" height="160" fill="skyblue"/>

本件以外もつくものとつかないものがあるように思います。
つけなければならない、どちらでもよい、つけてはいけない、などの判断基準がわかりません。
教えてください。よろしくお願いいたします。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?