CSS box-sizing 완벽 가이드 - border-box로 레이아웃 문제 해결하기
CSS box-sizing 속성의 개념과 content-box, border-box의 차이를 이해하고, 실무에서 필수적인 border-box 활용법을 학습합니다.
개발 블로그
CSS 선택자와 명시도 완벽 가이드
CSS 선택자의 모든 종류와 결합 방법, 그리고 명시도(Specificity) 우선순위 계산 방법을 이해하고 효율적인 스타일링을 학습합니다.
CSS 상속과 그룹 선택자 완벽 가이드
CSS의 상속(Inheritance) 개념과 그룹 선택자(Grouping) 활용법을 이해하고, 효율적인 스타일 작성 방법을 학습합니다.
CSS Border 완벽 가이드 - 테두리 스타일링
CSS border 속성으로 요소의 테두리를 꾸미는 방법을 학습합니다. border-width, border-style, border-color와 방향별 설정법을 다룹니다.
CSS Margin과 Padding 완벽 가이드 - 박스 모델의 이해
CSS Box Model의 핵심인 margin과 padding의 차이점을 이해하고, 여백을 효과적으로 조정하는 방법을 학습합니다.
CSS 텍스트 스타일 가이드 - text-align, text-indent
CSS text-align으로 텍스트 정렬하는 방법과 text-indent로 들여쓰기하는 방법을 학습합니다.
CSS 폰트 스타일 가이드 - font-family, size, weight, color
CSS로 텍스트를 꾸미는 방법을 학습합니다. font-family, font-size, font-weight, font-style, color 속성의 사용법을 다룹니다.
CSS 입문 가이드 - 스타일시트의 기초
CSS의 개념과 HTML에 CSS를 적용하는 3가지 방법, 선택자의 종류와 기본 작성법을 학습합니다. 인라인, 내부, 외부 스타일시트의 장단점을 비교하고 실전 프로젝트에 적용하는 방법을 배웁니다. 클래스와 ID 선택자의 우선순위를 이해하고 효율적인 CSS 코드를 작성합니다.
HTML Attributes 가이드 - id와 class 속성
HTML 속성(Attributes)의 개념과 id, class 속성의 차이점 및 올바른 사용법을 학습합니다.
HTML 문서 구조 가이드 - DOCTYPE, head, body
HTML 문서의 기본 구조와 DOCTYPE, head, body 태그의 역할을 이해하고 올바른 HTML 작성법을 학습합니다.