CSS

rubyの場合、整数÷整数は、整数で表示する仕様となっている。 irb(main):002:0> 100/3 => 33 それを小数点以下まで表示させるには、 数字のどちらかを.to_fで明示的に浮動 ...

CSSのclassとidの使い分けがようやく理解できた。 idはフッター、サイドバーのようなHTML内で一回しか出ないものに対して使う。 1回しか出てこないので、URLでの場所の特定にも使える。 UR ...

FlexBoxを使うと柔軟にBOXを配置できる。 簡単に入れ子構造のBOX配置を実現できた。 サンプル 基本構造(scss形式） . wrap{ display:flex; item{ 子要素の設定 ...

領域を中央寄せ（divの枠自体を中央寄せする） div { margin: 0 auto; } テキスト・画像を中央寄せ 親要素に　text-align:center　 div { text-alig ...