はじめに

#はじめに
転職先はソフトウェア開発の会社だけど、これまで勉強してきたのはhtml,css,javascript
勉強はしてたけどなんとなくでしか覚えてなく、全く定着していないことに焦りだした。学生時代からのらりくらりからの焦り癖治らず(-_-;)

日記みたいな形で、更新していけたらと思う。たぶん毎日は無理だけどできるだけ継続したい。

2023/6/4
デジハリの中間課題を数か月遅れで少し進めた

#CSSのpositionについて
〇positonの使い方
*要素を好きな箇所に動かす→static,relative,absolute
*要素の上に別の要素を重ねる→z-index
*要素の位置を常に固定する→fixed

・static（positionの初期値）
z-indexの指定、位置指定ができない

・relative、absolute（絶対座標）
relativeはposition:absoluteの基準になる。
親要素にrelative、子要素にabsoluteで位置をを指定する。
z-indexで要素を重ねることもできる

・fixed（絶対座標）
画面に常に固定させたい要素に指定する。
基準はブラウザの画面
ex）メニューバーやコンタクトフォームなど

・z-index
指定した数値が大きい法が上に表示される
z-index:1;＜z-index:2;　一番上にしたいときはz-index:9999;とかにする

〇注意点
・画面からはみ出る場合
親要素にoverflow:hidden;を設定
画面からはみ出ると横スクロールが発生し、使用感が悪くなる
・リスポンシブ性は低いため多様はしないほうが良い

以上。

言語化が苦手なので、それも記事を書きながら向上していけたらいいな。。。