2020-12

HTML/CSS

flex: コンテンツの中で要素の幅を割合で決める

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

div と section の使い分け

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

マウスをホバーしたときに画像をふわっと白くする方法

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

li へのリンク設定と id

id タグを使って1ページ内の移動をさせたい時のHTMLの記述方法                     <li><a href ="#home">HOME</a></li>       ...
HTML/CSS

float right で li の順番が逆になってしまう

nav内のリストを右寄せにしたかったので float :right で解決! かと思いきや li が右から順番に表示されてしまうらしく、意図していたものと真逆の順番で表示されてしまった・・・ float: right で li が逆に...
タイトルとURLをコピーしました