こんにちは「しんく」です。
TechAcademyでの勉強、5日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。
ようやくサポートが開始しました。
今まではフライング気味に勉強を進めていたため、チャットでのメンターとのやり取りや、課題の提出などが出来なかったのですが、ようやくスタートしました。８週間のコースなので逆に言えば、タイムリミットへのカウントダウンが始まりました。ここから先はとにかく「やるしかない」です。頑張って勉強を続けて行きたいとおもいます。
学んだ内容はこちら
横並びにしたいブロックはid=”wrapper”とかで一括りにしてその並びが終わったら.clearfix::afterでfloatを終わらせると良いよ。
グローバルメニューはListで作るのが一般的だよ。
display: inline-blockを使うと簡単に横並びにできるよ。
その時widhtの設定やbackground-colorを入れるとメニューっぽくなるよ。
position: fixedを使うとスクロールしても指定した位置にメニューを固定できるよ。
その時、top: 10pxとleft: 10pxなんかの絶対位置を指定して上げる必要があるよ。
これはメニューに対して指定するので、ulとかolに指定することになるよ。
と言ったところです。
プログラミングスクール「テックアカデミー（TechAcademy）」5日目を終えたまとめ
CSSレイアウトの勉強が一通り終わりました。私もWordPressを入れたウェブサイトを幾つか立ち上げているのですが、投稿や固定ページ内で２カラムにすることはありません。なぜならばfloatとかclearfixとかよくわからなかったからです。とくに、スマホからのアクセスが主流になっている今、widthの崩れを生む可能性のある構成にはなかなか手がでませんでした。これを機に、練習用のウェブサイトを立ち上げて学んだことを形にしてゆきたいと思います。
