× 無料のユーザー登録をすると学習状況を管理することができるようになります

実践!ウェブサイトを作ろう (全17回)

サービスを紹介するウェブページを作りながら、様々なレイアウト手法について学んでいきます。

このレッスンでは HTML5 / CSS / CSS3 を使用しています。

#01 ウェブサイトを制作していこう
2017年1月19日

今回のレッスンについては以下も参考にしてみてください。

・HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
・CSS入門 (全23回)
http://dotinstall.com/lessons/basic_css_v3
・CSS3入門 (全19回)
http://dotinstall.com/lessons/basic_css3_v2

#04 ヘッダーのマークアップをしていこう
2017年4月7日

normalize.cssのバージョンアップに伴い、body要素に余白がつくようになりました。レッスンと同じように進めたい場合はstyles.cssに以下を加えるようにしてください。

body {
  margin: 0;
}
#05 ヘッダーの背景を設定してみよう
2017年4月7日

normalize.cssのバージョンアップに伴い、body要素に余白がつくようになりました。レッスンと同じように進めたい場合はstyles.cssに以下を加えるようにしてください。

body {
  margin: 0;
}
何故 float させていない img 画像も左右に振り分けられるのでしょうか PREMIUM - #12 要素を左右に振り分けてみよう
pull left、pull right クラスの中にある h3,p は css で float して左右に行くのはわ...