仕上がりイメージからレイアウトをコーディングするとき、マージンやボーダーなど横幅の計算がややこしくて手こずっていました(涙)そんな悩みを解消してくれるありがた〜いセレクタ「box-sising」!いちいち個別の要素に設定するのが面倒なので、全ての要素に適用させておく設定を調べてみました。*(アスタリスク)は「全ての要素に対して適用させる」という意味。疑似要素に対しても指定しておくのが良いとのこと。古いバージョンのブラウザに対応させるために、念のためベンダープレフィックスもつけておくとベター。参照サイト:https://saruwakakun.com/html-css/reference/box-sizing本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ウインドウサイズに合わせて、画像を拡大縮小させる方法。CSSだけで解決できます。...リストマーカや番号の左側の隙間について<ol>や<ul>といった箇条書きを指定した場合、リストマーカや番号の左側に大きな隙間ができてしまう。display:inline-block。縦のラインがきれいに揃わないで困ることがある。可変で文字サイズを変更する「画面サイズに合わせて文字の大きさも変化させたい」けど、「em」や「rem」や「%」ではうまくいかない。clearfixを使う方法が1番使い勝手がよいのでメモ。高さが消失してしまいます。(2)このサイトについてサイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。プログラム関係のことはもっぱらコピペ派。自分でゴリゴリ書くことはできません。プログラムが分かる人がうらやましいです。そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。有志のみなさまに日々感謝しつつ制作させていただいています。