본문 바로가기

드림코딩CSS강의3

[AI웹개발][65일차TIL] CSS 공부하기 (3)Flexbox 완전 정리 [드림코딩유툽] 유튜브 CSS 강좌 (3) Flexbox 완전 정리 https://www.youtube.com/watch?v=7neASrWEFEM&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=9 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-3-Flexbox-5ec4173dd61c43279421a079374cb477?pvs=4 CSS #3 Flexbox 완전 정리 Flexbox를 자유자재로 쓸 수 있도록, 개념을 이해하고 연습해봐야 한다. www.notion.so Flexbox는 크게 가로축으로의 배열과 세로축으로의 배열을 신경써야 하는데 그 가로축(main axis), 세로축(cross axis)에 대한 속성과 요소들에 대해 공부하는 시간이었습.. 2023. 6. 20.
[AI웹개발][64일차TIL] CSS 공부하기 (2)layout 정리, display, position [드림코딩유툽] 유튜브 CSS 강좌 (2) layout 정리, display, position https://www.youtube.com/watch?v=jWh3IbgMUPI&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=8 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-2-layout-display-position-6defc85c8bb149e78303b709a673cf10?pvs=4 CSS #2 layout 정리, display, position 완성 Block level 과 Inline level 의 차이 www.notion.so 1. Block 과 Inline의 차이. 2. div 와 span의 디폴트 값과 성질 3. justify-conten.. 2023. 6. 20.
[AI웹개발][63일차TIL] CSS 공부하기 (1)selector, 기초 이론 정리 [드림코딩유툽] 유튜브 CSS 강좌 (1) elector, 기초 이론 정리 https://www.youtube.com/watch?v=gGebK7lWnCk&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=7 강의 듣고 직접 정리한 노션 링크 : https://www.notion.so/CSS-1-886c263df05446b0a39d7461eca5b6af?pvs=4 CSS #1 셀렉터, 기초 이론 정리. 유튜브 강의 링크 www.notion.so Cascading Style Sheet cascading의 사전적 의미 폭포처럼 흐르다 (정보통신에서) 연속화, 종속, 연속, 직렬화 위에서 아래로 떨어지는 느낌 우리가 작성한 스타일 시트에 스타일링이 없으면 브라우저의 기본적으로 작성된 스타일링이 .. 2023. 6. 20.