3. CSS ‑ FixedNumber System
확정된값을기준으로그리는시스템
ScreenSize/ ChromeSize/ Hierarchy 의한계
4. CSS ‑ Abstract Calculator
현재우리가 사용하고 있는시스템
float, inline, %, left, right
추상화란?
공통되는특성이나속성따위를추출하여파악하는적용
추상화되어있는계산방식을통해Reactive하게 표현할수있는
System
For, If와같은개념
7. CSS ‑ NormalFlow
VisualFormattingModel
i. BlockFormattingContext (BFC) ‑ 줄단위로그리는것
ii. InlineFormattingContext (IFC) ‑ 옆으로그리는것
iii. RelativePositiong(RP) ‑ 옆에서끼어드는것
3가지알고리즘을통해Rendering된다.
Position
i. Static(Default) = NormalFlow
ii. Relative= NormalFlow
iii. Absolute
iv. Fixed
v. Inherit
8. CSS ‑ BFC, IFC
BFC = BlockFormattingContext
IFC = InlineFormattingContext
문서가 생성되면Root BFC 하나가 생성되며이R‑BFC를기준으로
offset(위치값)이결정된다.
BFC의영역크기는부모의BFC 영역크기에의해결정된다.
IFC의경우최초에앞에존재하는IFC를기준으로다음IFC의offset이
결정된다.
IFC는경계면(Guard)을만나면다음줄로넘기는속성을갖고있다.
R‑BFC 내에BFC와IFC의단위가 계속쌓인다.
IFC의Guard의종류는BFC의Guard와Float(LineBox) Guard가 있
다.