CSS
へーと思ったのでメモ。 display:none の時のimgサイズは 0*0pix になる 表示中のサイズ 非表示中のサイズは0になる ソースはこんな感じ <body> <div class="wrap"> <button id="item">さーばる</button> <button id="reset" style="display: none;">もどす</button> <div style="margin-top: 1em;"> <img alt="さーばる" src="animal_serval.png" style="display: none; height: 30%;"> …</div></div></body>
メディアクエリで書いていた文字サイズ指定をビューポート幅で指定する ビューポートとは ビューポートとは、webブラウザ等でコンテンツが表示される「表示領域」のことを指す。 PCの表示サイズは最近はフルHDの1920×1080が多く、スマホであればiphone端末ご…
liタグに display:flex をつけたらマーカーが消えちゃう ↓みたいな要素を横並びにしたくてスタイルを当てていたんだけど <ul> <li> <h3>hogehoge</h3> <div> <input type="button" value="button"/> </div> </li> </ul> ul { list-style: square inside; } li { display: flex; align-items: center; } input { margin-left: 10px; } こん…
お客さんから送られてくる、「こんな感じでよろしく！」のHTMLに毎回 <font> タグが入ってきて文字サイズ合わせるのに手間取っていたので防備録。 FONTタグとfont-sizeプロパティの相関 FONTタグ→font-sizeプロパティ xx-small→font size=1 x-small→font size=2 sm</font>…
