dev-note

  • 홈
  • 태그
  • 방명록

Frontend/HTML & CSS 1

Understanding CSS Flexbox

I'm happy to study CSS Flexbox 💫 Today's blog, I will test various properties related to flexbox. What is Flexbox? 플렉스 박스는 행 또는 열을 주축으로 설정해 요소를 배치 및 정렬하는 1차원 레이아웃 방식입니다. 요소의 배치와 정렬은 플렉스 컨테이너와 플렉스 아이템간의 상호작용을 통해 결정됩니다. 플렉스 컨테이너란? 플렉스박스 방식으로 레이아웃을 결정할 요소이고 플렉스 아이템이란? 플렉스 컨테이너 내부에서 플렉스박스 방식으로 배치되는 요소입니다. 이때 플렉스 박스는 두 개의 축을 제공하는데요. 그 중 하나의 축을 주축으로 해 요소를 배치하게 되며 기본 값은 가로 방향 (왼쪽에서 오른쪽)입니다. ul 우측에 flex..

Frontend/HTML & CSS 2023.04.29
1
더보기
프로필사진

  • 분류 전체보기 (181)
    • Frontend (17)
      • TypeScript (7)
      • Jasmine (4)
      • HTML & CSS (1)
      • Web (3)
      • React (0)
    • Backend (0)
      • Node.js (0)
      • Next.js (0)
    • Android (6)
      • Kotlin (0)
    • Cloud (3)
      • AWS (0)
      • Kubernetes (0)
      • Docker (0)
      • Service Architecture (0)
    • DB (40)
      • SQL (40)
    • Computer Science (0)
      • Operating System (0)
      • Computer Architecture (0)
      • Information Security (0)
      • Design Pattern (0)
    • Algorithm (3)
    • ML (2)
    • Language (89)
      • Java (2)
      • JavaScript (10)
      • Python (50)
      • C++ (25)
    • Blabla (14)
      • Random writing (2)
      • Inputs (11)
    • Toy Projects (0)
    • About me (3)
    • English (3)
    • Work (0)
    • Graduate School (1)

Copyright © Kakao Corp. All rights reserved.

티스토리툴바