Notice
Recent Posts
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 스프린트회고
- 멋쟁이사자처럼
- 시맨틱 태그
- 비시맨틱 태그
- 멋쟁이사자차럼
- 개발자
- IT
- HTML
- css 배치 속성
- CSS
- 티스토리챌린지
- 프론트엔드
- css 마진
- 주축 정렬
- 성장
- flex box
- 인라인 레벨 요소
- css 부모 자식 관계
- align-items
- 아이디 선택자
- justify-content
- css 패딩
- 블록 레벨 요소
- css 박스 모델
- css 부모 형제 관계
- 오블완
- 학습 전략
- 스프린트
- 회고
- 교차축 정렬
Archives
- Today
- Total
목록2025/01/22 (1)
ohjungho 님의 블로그
CSS 레이아웃 : 위치 지정
자식이 부모가 될 수 있다자식이 자라서 부모가 되는 것처럼 CSS에서도 자식이 부모가 될 수 있다. 예를 들어 div 태그에 텍스트를 넣으면 div 태그가 부모가 된다. "자식이 부모가 될 수 있다" 개념은 HTML 구조와 CSS 스타일링이 결합될 때 발생하는 컨테이너와 자식 요소의 관계를 설명할 때 자주 사용된다. 부모와 자식의 기본 관계HTML 구조에서는 기본적으로 부모-자식 관계가 태그를 중첩하여 생성된다. Hellodiv : 부모 요소span : 자식 요소부모는 자식의 배치와 스타일링에 영향을 줄 수 있고, 반대로 자식도 부모의 레이아웃 계산에 기여할 수 있다. flexbox가 부모-자식 관계를 변화시키는 이유CSS에서 display: flex;는 부모 요소가 플렉스 컨테이너가 되도록 만든다. ..
Front-end/HTML,CSS
2025. 1. 22. 14:48