125naroom
© 2024 125naroom
記事:48件
3ページ目
9
/
26
2018
【CSS】Flexbox 最後の行を左寄せにする(space-between使用時)
4カラムの場合。before擬似要素、after擬似要素で空白のボックスを作る。 サンプル See the Pen 【flexbox】justify-content: space-between / Last line,
CSSflexbox
デザインのメモ
19
【CSS】transform(トランスフォーム)の基点(原点)
transform:rotateで少し回転(角度を変える)。transform-originで基点をleft、topに指定。基点は自由に変えることができる。左下を基点にするなら、left、bottom。 サンプル See
CSS
14
【CSS】Flexbox 上下中央揃え
block要素を上下中央揃え(真ん中)にする。ベンダープレフィックスなしで動作する。IE11問題なし。 サンプル See the Pen flexbox > 上下中央揃え by 125naroom (@125nar
3
【CSS】セレクタまとめ、最初・最後・奇数・偶数・何番目
疑似クラスのまとめ。:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。 最初 :first-child 最後 :last-child 奇数番目 :nth-child(odd)
8
30
【CSS】line-heightの単位は必要ない
あれ、line-heightの単位ってなんだっけ? って思い調べてみる。 メモ line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。 line-height1.
11
7
2024
SPONSORED LINK
広告
google
29
【CSS】px(ピクセル)とem(エム)
統一してくれないかなと思うわけです。 px(ピクセル)とem(エム)、さらには、%(パーセント)、さらには、rem(ルートエム) と言いつつも各々メリットもあるわけでうまく使っていかなくてはいかないわけで フォントサイズ