今回はheaderにロゴ画像の設定を行いました。 ロゴ画像の設定 vertical-align alt="" まとめ ロゴ画像の設定 以下、今回の記述です。 CSS header h1 { font-family: 'Chango', cursive; font-size: 24px; width: 900px; margin-left: auto; margin-right: au…

今回は画像の配置と画像のレイアウトを整える作業をしました。 画像の配置 figure.photo-center まとめ 画像の配置 以下、今回の記述内容です。 HTML <article> <h1>真夏のひまわり畑</h1> <p>森の工房の隣にある畑は毎年夏になると満開のひまわりの花で黄色く染まります。ひまわ</p></article>…

今回やったことはただひとつ。ヘッダーのフォントを変更しただけです。 ヘッダーのフォントを変更する font-family: 'Chango', cursive; 文字サイズ 余白と横幅の指定 まとめ ヘッダーのフォントを変更する 以下、今回の記述です。 最上部 @import url('http…

今回はヘッダーのデザインを記述していきました。今まで使ったことのある指定ばかりなので、特に難しいと感じることはありませんでした。 ヘッダーのカスタマイズ border-bottom margin-bottom box-shadow padding まとめ ヘッダーのカスタマイズ 今回の記述…

今回はアーティクル部分を罫線で囲み、余白を調整して文章を読みやすくするコーディングをしました。 罫線で囲む padding box-sizing: border-box margin-bottom: まとめ 罫線で囲む 以下今回の記述内容です /*記事*/ article { background-color: #ffffff; …