HTML, CSS, JavaScript 복습

*web standard 요약

1)block element vs inline element
https://htmlreference.io/
https://cssreference.io/
2)box-model - width 결정, marin, border, padding**
`width 결정 - [box-sizing] https://www.w3schools.com/css/css3_box-sizing.asp
https://en.wikipedia.org/wiki/CSS_box_model

3)selector(선택자)* -id vs. class, 속성으로 접근 방법**
id: 유일, class: grouping
`[위아래]ascendent,parent,나(me) child, desendent(자손), [좌우]sibling,
=>dom(Document Object Model)-DOM Tree

`pseudo-class: 실제가 아니데
https://www.w3schools.com/cssref/css_selectors.php

4)floating - block 요소는 inline 요소 처럼, 징검다리-buoc dem--lay out 흐름에서 빼지는 문재
webFont (google) navigation - [gnb] global navigation bar , [lnb] local navigation bar
*image sprite
clear **5)positioning- 절대위치 vs. 상대위치** 절대: 원점(0,0)을 기준으로 이동
상대: 원래 있던 자리로부터 이동 + 원점을 이동(absolute이 참고하는 기준점 변경) 상대위치 내부(child)에 absolute 속성이 있을 경우 상대위치의 기준점을 원점으로 함

6)grid & framework(bootstrap)
https://getbootstrap.com/
*responsive(반응형) design vs. adaptive(적응형) design-mobile, pc 따로(큰 사이트)

*unit 단위: - 절대단위 (absolute) vs. 상대단위(relative)
`em vs. rem(root em)
`1em (brower defaut font size) = 16px
https://smazee.com/uploads/images/css-unit-4.png