Docker
読み始めた本
【プラクティス】p26 Fluid レイアウト(リキッドレイアウト)
- Web ページのレイアウト
- フィックスドレイアウト
- リキッドレイアウト
1-1. フィックスドレイアウト(Fixed Layout) width, margin, padding を絶対単位の 「px」 で固定幅を指定するもの 固定レイアウトとも呼ばれる
1-2. リキッドレイアウト(Liquid Layout)
width, margin, padding を相対単位の「%」や「em」などで指定する可変幅
Fluid/Liquidは、幅の全体をブラウザのウインドウに対して相対値(%)で指定する流動的なレイアウト
デザインの幅はブラウザの幅を変更することで、調整が可能
可変レイアウトとも呼ばれる
参考
【Part1 - Cap3(p33)】text-indent
.sample { text-indent: -1em; padding-left: 2em; }
[
]
【Part1 - Cap3(p33)】box-shadow
1.文法
{ box-shadow: 左右の向きpx 上下の向きpx ぼかしpx 広がりpx 色 内側指定; }
- 左、上に
.sample { box-shadow: -4px -4px; }
- 内側にぼかし
.example { box-shadow: 2px 2px 4px inset; }