8/11~8/13 勉強したこと
- widthに関して、%表示ができるので画像・アイコンなど等間隔に並べる際はとても便利な書き方なので覚えておきたい。
- 要素同士を重ねる際はposition:abusolute;が使用できるが、もうひとつの要素からずらして表示させたい場合はposition:relatibe;と一緒に使って表示させる。ごちゃまぜにならないように覚える。
- ボタンなどに影を付けて押したようにする際は自動でなるわけではないことを学んだ。
→ activeを使用して、影をなくす・色を変える・ボタンを下に動かす 3つの合わせ技で押したように見せれることがわかった。 - ヘッダーのみ固定する際は、スクロールした際に他の要素のほうが上に来てしまうことがあるのでz-index:10;を書くことによって一番上に表示させておかねばならない。
振り返り
小テストのような形で、自分の書き方でページを作って間違えた箇所など今後はメモしていければと思う。次の記事で気を付けたい箇所として書き残す。