【初心者でもわかる】インライン要素に効かないCSS(指定できないCSS)
インライン要素に指定しても期待どおりに効かないCSSを紹介します。余白や配置の指定を例に、親要素への設定やdisplayの変更による対処方法を解説します。
インライン要素に指定しても期待どおりに効かないCSSを紹介します。余白や配置の指定を例に、親要素への設定やdisplayの変更による対処方法を解説します。
marginに負の値を指定するネガティブマージンの使い方を紹介します。要素を親の外にはみ出させる例と、レイアウトや横スクロールに関する注意点を解説します。
HTMLで終了タグを持たないvoid要素を一覧で紹介します。imgやbrなどの記述方法と、終了タグを省略できる要素との違いを解説します。
絶対パス・相対パス・ルート相対パスの違いを解説します。ファイルの位置と指定の基準を整理し、リンクや画像の参照先を書き分ける方法を紹介します。
ブラウザのタブに表示するファビコンの作り方と設定手順を紹介します。画像の準備からアイコンの作成、HTMLへの指定までを順に解説します。
CSSのtransformを複数指定する書き方と、順番による結果の違いを解説します。移動や回転などを組み合わせる際の記述ミスと注意点をサンプルで確認できます。
画像を重ねる方法として、背景画像・position指定・ネガティブマージンの3つを紹介します。それぞれの特徴と注意点を比較し、目的に合った方法を選べます。
HTMLのolとulの違いと使い分けを解説します。順序のあるリストと順序のないリストの意味を、記述例と使用場面から確認できます。
width: 100%とwidth: autoの違いを比較します。要素の表示形式やmargin・paddingによって幅がどう変わるのか、具体例で解説します。
position: fixedで画面上部に固定ヘッダーを作る方法を解説します。HTMLとCSSのサンプルを使い、ヘッダーの固定位置や本文との配置関係を紹介します。