아래 사이트를 참고하면 될 것 같다. 위 그림은 다른 팀원분이 알려주신 내용을 토대로 정리 해봤다.
꿀팁
display: flex 속성은 부모 컴포넌트에서 자식 컴포넌트에만 적용되고 부모 컴포넌트에서 자손 컴포넌트에는 적용이 안된다고 한다!
https://rgy0409.tistory.com/98
[CSS 기초] DIV 태그를 이용하여 프레임 나누기
[CSS 기초] DIV 태그를 이용하여 프레임 나누기 안녕하세요~ 친절한효자손 이에요. CSS를 이용하여, 프레임을 나누는 실습을 하고 있는데요, 이거 생각보다 쉽지만은 않지만, 재.미.있.네.요! ㅎㅎㅎ
rgy0409.tistory.com
[CSS] div 태그를 이용해서 프레임 나누기
예제 코드 <!DOCTYPE html> Insert title here red yellow blue green black pink 태그를 사용해서 공간을 맞춰준다음, float : left로 왼쪽부터 붙여준다. 결과 red yellow blue green black pink
jhost.tistory.com
'프레임워크 > CSS' 카테고리의 다른 글
| 미디어 쿼리 사용법 (2) (0) | 2022.01.05 |
|---|---|
| 미디어 쿼리 사용법 (1) (0) | 2022.01.05 |
| [CSS] input type="file" CSS 적용하기 (0) | 2021.12.20 |
| [CSS] 반응형 헤더 만들기 (0) | 2021.12.19 |
| [CSS] Flexbox 잘 다루는 방법, 이미지 넓이에 맞춰서 출력하는 방법 (0) | 2021.12.07 |
댓글