サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
jyu2log.com
ProgateのHTML&CSS道場コース上級編の完成ページを模写コーディングしてみました。 Progateの道場コースで同じページを作成していたこともあって、かかった時間としては半日ぐらいだったと思います。 模写コーディングの結果、divで囲む単位とかスタイルが煩雑になってしまったので、HTMLの構成を振り返ります。 完成品(本物)の構成 まずは完成品(本物)の構成です。(字、図ともにきたなくてすいません・・・ ヘッダー、メイン(トップ、レッスン、メッセージ)、フッターそれぞれにコンテナ(container)というclassのdiv要素を用意してヘッダー、メイン、フッターで要素の幅などが変わってしまわないようにしてますね。 そして、メインはトップ、レッスン、メッセージ部分と3つに分けて、それぞれをラッパー(***-wrapper)というclassのdiv要素でコンテナを覆っています。 ヘ
このページを最初にブックマークしてみませんか?
『Jyu2ログ|会社員×ブログ×Web | Jyu2ログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く