카테고리 없음

[스마트UIUX]20일?(희성T 시작)

yeanana 2024. 8. 12. 18:30

https://www.slog.gg/p/13684#f

 

SBS 아카데미, UI/UX/웹디자인 과정

공개여부 제목 SBS 아카데미, UI/UX/웹디자인 과정 전체화면 내용 SBS 아카데미, UI/UX/웹디자인 과정, 전체화면 댓글(0) SBS 아카데미, UI/UX/웹디자인 과정 에 대한 댓글 loading...

www.slog.gg

https://www.slog.gg/p/13144#82%EA%B0%95

 

HTML, CSS

공개여부 제목 내용 댓글(0) HTML, CSS 에 대한 댓글 loading...

www.slog.gg

https://school.programmers.co.kr/learn/courses/3/3-hello-javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8

 

Hello, JavaScript: 자바스크립트 입문

자바스크립트가 생소한 사람이라면, 하루에 20분만 투자해서 꾸준함을 발휘해보자. 자바스크립트 코드가 눈에 들어오기 시작하면 비로소 웹 프론트엔드의 흐름이 눈에 보인다!

school.programmers.co.kr

 

 

* inline, inline-block, inline-flex = 글자화

 

*display: flex == block

 display: inline-flex == inline-block

 

*section:nth-child(2) -> 섹션의 2번쨰 자식 (특정 자식 선택)

 

*absolute : 유령화(좌표)

*position: relative (유령의 집)

section > div {
  width: 33.3333%;       ->   실행 안됨 (이유: 높이가 확실하지 않아서)
  height: 100%;
}

 

section > div {
  width: 33.3333%;         ->   실행 됨 (이유: 높이가 확실하게 100px로 지정되어서)
  height: 100px;
}

 

 

 

https://codepen.io/limyena/pen/XWLeGrg

 

가운데정렬(calc)

...

codepen.io