CSS

  • 2019.01.17

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

rubyの場合、整数÷整数は、整数で表示する仕様となっている。 irb(main):002:0> 100/3 => 33 それを小数点以下まで表示させるには、 数字のどちらかを.to_fで明示的に浮動小数点数にしてあげればよい。 irb(main):004:0* 100/3.to_f => 33.333333333333336 小数点2ケタまで表示させたい場合は、 sprintfで桁指定してあげる […]

CSS
  • 2018.07.22

CSS-classとidの使い分け

CSSのclassとidの使い分けがようやく理解できた。 idはフッター、サイドバーのようなHTML内で一回しか出ないものに対して使う。 1回しか出てこないので、URLでの場所の特定にも使える。 URLの後に#id名とするとそのページのid:id名の部分となる。 例えば、 「https://koooza.net/2018/08/05/post-275#abc」 は「https://koooza.n […]

CSS
  • 2018.07.21

FlexBox-CSS

FlexBoxを使うと柔軟にBOXを配置できる。 簡単に入れ子構造のBOX配置を実現できた。 サンプル 基本構造(scss形式) . wrap{ display:flex; item{ 子要素の設定 } } HTML <html> <body> <div class = "firstwrap"> <div class = "secondwrap"> […]

CSS NO IMAGE
  • 2018.07.20

CSS 中央寄せ

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