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