画像
<div id="mainvisual"> <picture> <source media="(max-width: 600px)" srcset="img/mainvisual-sp.jpg"> <img src="img/mainvisual-pc.jpg" alt="テキストテキストテキスト"> </picture> </div> mediaリソースの志向するメディアのメディアクエリ。この属性は <picture> 要素の内部でのみ使用します。https://developer.mozilla.org/ja/docs/Web/HTML/Element/source CSSやJavaScr…</picture>
入門編6では、画像の設定の理解が弱いことに気づきましたので、再度復習。 backgroundで画像を表示する方法は、4recipieサイトの時にありました。 https://coeure.co.jp/blog/homepage/homepage_180405_04 imageのwidth:50%;は、画像の50%ではない https://…
昨日「入門編5」がなんとか形になりましたので、今日は6です。 https://code-step.com/brand-menu/ 全体の構成を俯瞰して、テキストの大きさや配置を確認する。それをhtmlに反映させて、cssをあてる。 ここまでは模範解答に近い挙動をするようになりました…