【初心者でもわかる】CSSで中央寄せの方法と、中央寄せする時の考え方の違い(インライン要素・ブロック要素)
ブロック要素とインライン要素を中央寄せする方法を解説します。marginとtext-alignの役割を比較し、対象に合わせて指定する考え方を紹介します。
\ なるほど!でつまずきを解決する /
HTML・CSS・JavaScript・WordPress など
Web制作の基礎から実践的なテクニックまで、
初心者にもわかりやすく解説するブログです。
ブロック要素とインライン要素を中央寄せする方法を解説します。marginとtext-alignの役割を比較し、対象に合わせて指定する考え方を紹介します。
marginに負の値を指定するネガティブマージンの使い方を紹介します。要素を親の外にはみ出させる例と、レイアウトや横スクロールに関する注意点を解説します。
HTMLで終了タグを持たないvoid要素を一覧で紹介します。imgやbrなどの記述方法と、終了タグを省略できる要素との違いを解説します。
:hoverとcursor: pointerを使ったボタンの反応を紹介します。マウスを重ねたときに色やカーソルを変え、クリックできることを伝えるCSSの書き方を解説します。
text-shadowで文字に影を付ける方法を解説します。位置、ぼかし、色の指定を確認し、デザインに合わせた影のサンプルコードを紹介します。
絶対パス・相対パス・ルート相対パスの違いを解説します。ファイルの位置と指定の基準を整理し、リンクや画像の参照先を書き分ける方法を紹介します。
font-familyで複数のフォントを指定する方法を解説します。端末によるフォントの違い、デザインに使われた書体への対応、指定に便利なツールを紹介します。
HTMLのセクショニングルート要素について紹介します。ブロック要素・インライン要素という分類との違いや、画面上の配置を考える際のポイントを整理します。
ブラウザのタブに表示するファビコンの作り方と設定手順を紹介します。画像の準備からアイコンの作成、HTMLへの指定までを順に解説します。
CSSのtransformを複数指定する書き方と、順番による結果の違いを解説します。移動や回転などを組み合わせる際の記述ミスと注意点をサンプルで確認できます。