둥글게 둥글게

  • 홈
  • 태그
  • 방명록

css flex 1

CSS 기본 문법 실습 따라해보기 - flex (4)

CSS 기본부터 적용하기 1. flex - 1차원 정렬로 가로/세로를 유연하게 조절하는 것 - flex container는 부모 (안에 자식 div box가 있을 경우) - flex items는 자식들을 말함 (하지만 자식 안에 또 자식이 있을 경우, 부모가 될 수도 있으니 주의) ※ flex는 부모-자식 간의 관계에만 사용 가능, 부모와 자식에게 쓰이는 속성을 제대로 구분해서 사용하자 - 같이 알아야 하는 개념 1) main axis(기본값일 때, x축) cross axis (기본값일 때, y축) 2) display 바깥쪽(display-outside) - block, inline 등 / display 안쪽(display-inside) - flex는 container 안에 박스들 정렬에 해당 ※ dis..

프론트엔드/CSS 2022.12.16
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

프로그래머스 level1 문제풀이, 프론트엔드, frontend, 팀프로젝트, 개발공부, 프론트엔드스쿨, level1 문제풀이, 프로그래머스 level0, 프로그래머스 문제풀이, 프로그래머스 level0 문제풀이, HTML, 제로베이스, 프론트엔드개발자, 프로그래머스, 프론트엔드공부, 프론트엔드 공부, 프로그래머스 level1, js 선형자료구조, js 자료구조, 프론트엔드 프로젝트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

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.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바