【CSS】タブレット、スマホ表示の時は:hoverを不要にする
あ、:hoverが残ってる。そんなときの記述。問題点は、iPad Proのような大きなタブレットは悩むところだったりしますが。 CSS サンプル iPad Pro横向きサイズの「1367px」以上を指定。PCの画面を縮め
...
【CSS】Flexbox 最後の行を左寄せにする（space-between使用時）
4カラムの場合。before擬似要素、after擬似要素で空白のボックスを作る。 サンプル サンプル NG before擬似要素、after擬似要素がないとこうなる。 必要なもの 4カラムの場合。 関連記事
...
【CSS】transform（トランスフォーム）の基点（原点）
transform:rotateで少し回転（角度を変える）。transform-originで基点をleft、topに指定。基点は自由に変えることができる。左下を基点にするなら、left、bottom。 サンプル
...
【CSS】Flexbox 上下中央揃え
block要素を上下中央揃え（真ん中）にする。ベンダープレフィックスなしで動作する。IE11問題なし。 サンプル 正方形の真ん中にflexboxと書く場合。 250pxの正方形の真ん中にテキストを持ってくる場合のCSS。
...
【CSS】セレクタまとめ、最初・最後・奇数・偶数・何番目
疑似クラスのまとめ。:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。 最初 :first-child 最後 :last-child 奇数番目 :nth-child(odd)
...
【CSS】line-heightの単位は必要ない
あれ、line-heightの単位ってなんだっけ？ って思い調べてみる。 メモ line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。 line-height1.
...
【CSS】px（ピクセル）とem（エム）
統一してくれないかなと思うわけです。 px（ピクセル）とem（エム）、さらには、%（パーセント）、さらには、rem（ルートエム） と言いつつも各々メリットもあるわけでうまく使っていかなくてはいかないわけで フォントサイズ
...