본문 바로가기

웹/웹(코딩)

웹 _ 019일차 [희성T 첫 수업]

오늘 수업 때 82강 & 103~110강 해봤음

120강에 재밌는 게임도 있음

http://www.flexboxdefense.com/

 

Flexbox Defense

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

www.flexboxdefense.com

 

 

[ section, div, article, nav ] 다 같은 말이지만 좀 더 어울릴 것 같은 걸 입혀줘라 하는 권장사항이지 절대적인건 아님

div로만 모든걸 만들어도 되긴 함

 

https://www.slog.gg/p/13684#f
- 수업페이지 주소(기억! 카톡이나 메모장에 기록)

slog.gg/p/13144#82
- 20단계 소스코드를 혼자힘으로 구현해보세요.
- 새 코드펜 주소 : codepen.io/pen

 

display : flex == block

display : inline-flex == inline-block

 

auto → 난 아무런 취향이 없어요

inherit → 나는 개성이 없어요.

           → 나는 부모의 속성을 그대로 물려받겠습니다.

 

position :

absolute : 유령화라고 생각하면 된다(부모의 영향을 받지 않고 벽을 통과하며 다닐 수 있음)

relative : 유령의 집