ブロック要素
ソースコードをHTMLに表示するときはcode要素に入れるが、そのcode全体もpre要素に入れるようにする。つまり ```cs...
中身によって幅が変わる要素がある。通常のブロック要素はその親ブロックの幅になるが、これを中身の幅にしたいときは ``` widt...
子要素の input type="text" をフォーカスしたときに親要素のボーダー（枠線）を変える CSS のコード： ```...
content というクラス名のブロックに p タグなどがつまった文章があるとき、それらのタグは margin-bottom ま...
縦横比を保ちながら、画像の幅と高さを設定するには object-fit: cover を使います。
CSS で二つの要素を横に並べて、それぞれを左右の端に寄せたいときは、親要素で justify-content を space-...
リストに last-child をつなげると、それはリストの最後の要素を表します。上のコードは要素の最後だけ右マージンを 0 に...
CSS で平行四辺形の要素を作るには、平行四辺形にしたい要素の before に transform を設定します。
HTMLのinputでアップロードファイルの拡張子をjpegだけにするには…input type="file" accept="...
コード | ステータス - | - 200 | OK 201 | Created 202 | Accepted 203 | No...
現在はfont familyを次のように設定しています。-apple-system, BlinkMacSystemFont, "...
要素を消すときは display: none または visibility: hidden を使います。display none...
Windowsを使っている方は「メモ帳」というソフトを起動してください。そして次のコードを書いて「index.html」というフ...
CSSで要素を中央（横方向）に揃えるときはmargin: 0 autoを設定する。合わせて max-width: 960px w...
HTML の ol はリストを作るときに使うタグです。リストの項目自体は li を使います。 **HTML 入力** <ol>...
CSS でレイアウトを組むとき、要素の配置方法を決めるのが position プロパティだ。5 つの値があり、それぞれ振る舞いが...
複数の要素が重なったとき、どちらを手前に表示するかを決めるのが z-index プロパティだ。値が大きいほど手前に描画される。た...
要素の中身がボックスの幅や高さを超えたとき、はみ出した部分をどう扱うかを決めるのが overflow プロパティだ。スクロールバ...
CSS で width を指定したのに、padding や border を足すと想定より大きくなってしまう。この問題を解決する...
ブロック要素を横に並べたいとき、最も手軽で確実な方法が display: flex だ。親要素に flex を指定するだけで子要...
flexbox が 1 次元（横または縦の一方向）のレイアウトに強いのに対し、CSS Grid は 2 次元（行と列を同時に）制...
28961
views
