Rubyでプログラミングしたり、お絵描きしたり、写真とったり

プログラミングで遊ぶ！

CSS

: CSS Ruby 関数

ruby 割り算で少数点以下も表示させる　桁を指定する

2019/8/7

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

: CSS

CSS-classとidの使い分け

2018/10/7

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

: CSS

FlexBox-CSS

2018/7/25

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

: CSS

CSS 中央寄せ

2018/7/20

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