Progate HTML&CSS 中級編を終えてつまづいたところ


はじめに

未来電子テクノロジーでインターンに参加している、tomokiyo_hiromuです。

プログラミングの勉強を始めて約1週間が経過しました。

今回は、Progate中級編を終えてつまづいたところを発信しようと思います。


marginとtext-alignの使い分け

text-alignの場合は、インライン要素を左右、中央に寄せることができます。

しかし、containerのように要素が広い時はmagrinで設定します。

この区別がきちんと理解できていませんでした。


基準位置の変更方法

position:absolute;とすると、要素の基準位置を左上に変更できます。

親要素にposition:relative;と指定することで、その要素の左上を基準位置とすることができます。

基準位置をうまく変えられなくて悩んでいましたが、原因はここにありました。


まとめ

中級編まで終えて、アウトプット量の少なさを実感しました。

理解したつもりでも、演習になると手が動かなくなっていました。

これから学ぶことが増えていくので、それに比例してアウトプットも増やしていきます。

プログラミング初心者であるため、内容に誤りがあるかもしれません。

もし、誤りがあれば修正するのでどんどん指摘してください。

最後まで読んでいただき、ありがとうございました。