줘니 개발블로그

  • 홈
  • 태그
  • 방명록

flex 1

CSS 기초 - Flex

CSS 직전 게시물에 display 속성을 다뤘는데 사실 display 속성에는 block, inline, none 그리고 하나가 더 있다! 그게 바로 1. Flex (flex는 중요하기 때문에 따로 빼서 적어둘거다.) flex : 레이아웃을 배치해주는 전용 기능 flex는 2가지 요소로 구성되어 있다. container와 item! - item : 내가 움직이고 싶은, 배치하고 싶은 요소 - container : 그 item의 부모요소 한 가지 요소는 item이자 container일 수 있다! 이 사진으로 설명을 해보자면, 파란네모가 item, 빨간네모가 파란네모의 container 초록네모가 item, 파란네모가 초록네모의 container 이다. 말장난 같지만,, 이렇게 이해하는 게 훨씬 쉬울 것이..

HTML - CSS/기초정리 2023.01.10
이전
1
다음
더보기
manage
프로필사진

내 공부일지 💪🏻

  • 분류 전체보기 (65)
    • Spring (8)
    • 에러정리 (1)
    • Intellij (1)
    • HTML - CSS (11)
      • 기초정리 (11)
    • JS (13)
      • 기초정리 (13)
    • Python (8)
      • 기초정리 (8)
    • JSP&Servlet (20)
      • 기초정리 (20)
    • 머신러닝 (3)

Tag

계층선택자, 파이썬기초, 그룹선택자, 비동기통신, css기초, HTML구성요소, 문자열포매팅, CSS, HTML기초, 함수, js 기초, 파이썬, 선언방식, JSP&Servlet 기초, DOM, Spring, 공간분할태그, JS, HTML, js기초,

최근글과 인기글

  • 최근글
  • 인기글

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바