웹01-3일차 수업

https://codepen.io/leenyooo/pen/yLwamyJ

block 특징

https://codepen.io/leenyooo/pen/GRejVoL

inline특징

 

 

https://codepen.io/leenyooo/pen/poYEMwR

inline-block 요소 특징

 

block

- width: auto = 100%

- 한줄에 하나씩 배치

- 너비높이 커스텀 가능

-브라우저에서 도형취급

 

inline

- width: auto = 0

- 한줄에 "같이"배치

- 너비높이 커스텀 "불가능"

- 브라우저에서 "텍스트" 취급

 

inline-block

- width: auto = 0

- 한줄에 "같이"배치

- 너비높이 커스텀 "가능"

- 브라우저에서 "텍스트" 취급

 

https://codepen.io/leenyooo/pen/rNRMXvJ

상위엘리먼트와 하위엘리먼트를 부르는 명칭

 

https://codepen.io/leenyooo/pen/mdorNQd

선택자가 필요한 이유

 

https://codepen.io/leenyooo/pen/LYaRwMa

상속되는 텍스트속성

https://codepen.io/leenyooo/pen/WNmGVWp

자식선택자와 후손선택자