블로그

  • 홈
  • 태그
  • 방명록

flexbox 1

[CSS] 레이아웃, Selector Chapter - CSS 중급

Achievement Goals 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 자식 셀렉터는 자신의 자식만 해당되고 후손 셀렉터는 자신의 자식뿐만 아니라 자식의 자식의 자식... 까지 모두 포함한다. 레이아웃을 위한 HTML을 만들 수 있다. Flexbox를 이용해 레이아웃을 만들 수 있다. Flexbox는 축에 따라 아이템 간 공간 배분과 정렬기능을 사용 할 수 있다. Flexbox의 축은 flex-direction 에 row, row-reverse, column, column-reverse 를 넣어 설정할 수 있다. flex-grow 아이템의 비율을 설정할 수 있다. flex-basis 아이템의 초기 크기를 설정할 수 있다. justify-content 수평 정렬 align-items 수직 정렬

학습목표 정리 2021.08.24
1
더보기
프로필사진

  • 분류 전체보기 (37)
    • 학습목표 정리 (29)
    • 문제해결 및 일기장 (8)

Tag

Git, CSS, 고차함수, GitHub, 검은 화면, 코드스테이츠, CLI, Level 1, 고차 함수, 와이어프레임, 자바스크립트, 완주하지 못한 선수, spread, boot-repair, 구조분해, flexbox, 재귀함수, 일급 객체, 프로그래머스, 스코프,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바