[CSS Battle로 CSS 공부] 02. #2 Carrom

기록용 포스팅이기에 간결히 적습니다. 하지만 질문 및 지적은 환영합니다. CSS Battle을 통해 CSS를 학습한 내용을 다룹니다. HTML, CSS 기초 보강프로젝트! 2022/08/02 #2 Carrom 모범 답안 분석 모범 답안이라고 생각했는데, 분석 위해서 붙여넣기 했더니 일치율 꽤 떨어집니다. 그래도 접근 방식은 참조할 예정입니다. 1. inline-block div의 display를 inline-block으로 설정했습니다. inline-block은 inline 엘리먼트처럼 줄 바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되지만, block 엘리먼트처럼 width, height, margin, padding 등의 값을 지정할 수 있습니다. 즉 absolute로 각각 절대적인 위치를 부여한 ..

• format_list_bulleted HTML, CSS
• · 2022. 8. 3.
• textsms

[CSS Battle로 CSS 공부] 01. 학습 전략, #1 Simply Square, vh, vw, vmin, vmax

기록용 포스팅이기에 간결히 적습니다. 하지만 질문 및 지적은 환영합니다. CSS Battle을 통해 CSS를 학습한 내용을 다룹니다. HTML, CSS 기초 보강프로젝트! 학습전략 코딩 자율학습 HTML+CSS+자바스크립트 책 정리, CSS Battle 병행 Q: 굳이 처음 시작하는 것도 아닌데 책 붙잡고 공부할 필요가 있을까? A: 모르는 내용만 정리하며 빠르게 훑을 예정입니다. Q: CSS Battle은 일반적인 웹 레이아웃과 거리가 먼데 학습 효과 있을까? A: 메인이 아니고 보조 수단으로 사용할 예정입니다. 책을 읽으며 클론 코딩이나 토이 프로젝트를 병행하기는 부담스럽습니다. 실제 웹 사이트나 애플리케이션의 레이아웃과는 거리가 멀지만, 책 읽는 동안에 배운 걸 간단하게나마 써볼 수 있다는 장점이 ..

• format_list_bulleted HTML, CSS
• · 2022. 8. 2.
• textsms