CSSでヘッダーを固定する際

HTML

<header></header> が記述されていることを前提とする

CSS

header {
  position: fixed;
  top: 0;
  z-index: 10;
}

解説

基本的に上記3つはセットで覚えておけばよい。
z-indexはpositonとセットで使う必要がある。

z-indexは10が最大なので、一番上。0が一番下となる。
パワポのオブジェクトの重なりをイメージするとわかりやすいか？

そして、topを0にすることで、topからの距離を0にすることで、ヘッダーは必ず上で固定とできます。