LoginSignup
0
0

More than 1 year has passed since last update.

@kamimuu

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

Posted at

今日はフッターを作ってヘッダーを固定した！

image.png

HTML＆CSS学習レッスン中級編を修了！

image.png

今日の学び

要素を固定する方法

  • 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プロパティと併用する必要がある
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0