CSS ruby 割り算で少数点以下も表示させる 桁を指定する
rubyの場合、整数÷整数は、整数で表示する仕様となっている。irb(main):002:0> 100/3=> 33それを小数点以下まで表示させるには、数字のどちらかを.to_fで明示的に浮動小数点数にしてあげればよい。irb(main):...
CSS
CSS 
CSS CSS-classとidの使い分け
CSSのclassとidの使い分けがようやく理解できた。idはフッター、サイドバーのようなHTML内で一回しか出ないものに対して使う。1回しか出てこないので、URLでの場所の特定にも使える。URLの後に#id名とするとそのページのid：id...
CSS FlexBox-CSS
FlexBoxを使うと柔軟にBOXを配置できる。簡単に入れ子構造のBOX配置を実現できた。サンプル基本構造(scss形式）. wrap{ display:flex; item{ 子要素の設定 } }HTML<html><body> <div...
CSS CSS 中央寄せ
領域を中央寄せ（divの枠自体を中央寄せする）div { margin: 0 auto;}テキスト・画像を中央寄せ親要素に text-align:center div {text-align:center}