練習でとあるサイトの模写に挑戦したところ、ある section の中に画像が3枚横並びになっていて、ウインドウのサイズとともに伸縮するものがありました。 ディベロッパーツールを見ると flex: 2; という見慣れないCSS記述が。 調べたところ flex-grow（flex …

HTMLをマークアップしていて div と section ってどう使い分けるの？ 全部 div じゃだめなの？ という疑問が湧いてきたためググりました。 簡単にまとめると div 他に適切なタグがない時の最終手段 特に意味を持たない CSSのマークアップでグループを作りた…

最近よく見る a 要素にマウスをホバーするとふわっと白くなるデザイン。 あれをやりたい！ a: hover のCSSで以下のような記述をするのかな？ 画像の上に同じ大きさの半透明の白いボックスを出現させる 単に画像を半透明にする 光らせる（明度を上げる） ググ…

id タグを使って1ページ内の移動をさせたい時のHTMLの記述方法 <li><a href ="#home">HOME</a></li> <li><a href ="#item">ITEM</a></li> <li><a href ="#conact">CONTACT</a></li> ※この時「＃」を付け忘れるときちんと飛びません。 各飛び先のhタグに id を付与 <h2 id="item" class="item-title">ITEM</h2> こんな簡単な基本的なことなのにすぐ分からなくなってしまう・・・ まだまだ前途多難で…

nav内のリストを右寄せにしたかったので float :right で解決！ かと思いきや li が右から順番に表示されてしまうらしく、意図していたものと真逆の順番で表示されてしまった・・・ float: right で li が逆に HTMLを逆に書いてもいいけど、なんか気持ち悪い…