今回はついにトップページを作成しました。最初に作っていたページがトップページだと思っていたので、ここまで来て軽くびっくりしました。 トップページの作成 background-repeat background-position font-weight: bold text-shadow まとめ トップページの…

今回は主にnth childとdispley要素について勉強しました。参考テキストにはさらっとしか紹介されていませんでしたが、実際にWEBデザインをしてくのに欠かせない要素なので、しっかり理解したいと思います。 nth child display要素 block inline inline-block…

今回はHTMLしか触りませんでした。以前指定したタグが生きているので、HTMLだけで問題ありませんでした。 figcaption まとめ figcaption 今回の記述は以下のとおりです。 <figure class="photo-center"> <img src="sunflower.jpg" alt="青空とのコントラストで黄色いひまわりが眩しく輝いています。"> <figcaption>夏のひまわり畑</figcaption> </figure> figureクラス内にfigcaptionで囲ったタイトルをつけることによって…

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