CSSを使用して図と画像のHTML要素のスタイルを設定する方法
著者は、 Diversity in Tech Fund を選択して、 Write forDOnationsプログラムの一環として寄付を受け取りました。
序章
CSSを使用してWebページの画像をスタイリングする場合、覚えておくべき重要なアイデアがたくさんあります。 デフォルトでは、Webブラウザはデフォルトのサイズで未加工の形式で画像を表示します。 これにより、画像が他のコンテンツよりも大きくなったり、ページレイアウトに予期しない間隔の問題が発生したりする可能性があります。 このチュートリアルでは、Webページの画像スタイリングの例を紹介し、状況に合わせて画像を表示および変更する方法について情報に基づいた決定を下せるようにします。
このチュートリアルでは、コンテンツと3つの画像で構成されるWebページを作成します。 最初の画像はそれ自体で<img />
要素として読み込まれ、2番目の画像は適切な<figcaption>
で<figure>
要素にラップされ、3番目の画像は[ X177X]