100日後くらいに個人開発するぞ！day028

今日もHTML＆CSS中級編を復習してみた！

今日の備忘録

要素を固定する方法

• position: fixed;を用いると常に要素を画面上の指定した位置に固定できる
  • 固定する位置はtop・left・right・bottomを使って指定する
  • 例：imgを左上から10px下で20px右の位置に固定したい場合
    • img{
      • position:fixed;
      • top:10px;
      • left:20px;

要素の重なり順を指定する方法

• z-indexプロパティで要素の重なりの順序を指定できる
• 整数値で指定して値が大きいほど上に表示される
  • 例：<header>の重なり順を10に指定する場合
    • header{z-index:10}
• z-indexプロパティは必ずpositionプロパティと併用する必要がある