ブロック要素
30590
views
CSSで要素を中央(横方向)に揃えるときはmargin: 0 autoを設定する。合わせて max-width: 960px width: 100% と幅を設定することが多い。
要素を消すときは display: none または visibility: hidden を使います。display none では要素そのものが消えますが、visibility hidden では見えなくなるだけで、周囲の要素たちはその要素がまだそこにあるようにふるまいます。
現在はfont familyを次のように設定しています。-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif
HTMLのinputでアップロードファイルの拡張子をjpegだけにするには…input type="file" accept="image/jpeg…とする。複数の拡張子を設定するには…input type="file" accept="image/jpeg, image/png"…などとする。
CSS で平行四辺形の要素を作るには、平行四辺形にしたい要素の before に transform を設定します。
リストに last-child をつなげると、それはリストの最後の要素を表します。上のコードは要素の最後だけ右マージンを 0 にしている。
CSS で二つの要素を横に並べて、それぞれを左右の端に寄せたいときは、親要素で justify-content を space-between に設定します。
縦横比を保ちながら、画像の幅と高さを設定するには object-fit: cover を使います。