본문 바로가기 메뉴 바로가기

웹 공부중... 내 코딩 정리노트

메뉴보기
  • 분류 전체보기 (116)
    • Script samlpe (37)
      • Search Effect (6)
      • Silder Effect (7)
      • Quiz Effect (6)
      • Mouse Effect (8)
      • Parallax Effect (7)
      • Music Player (1)
      • Typing Game (1)
      • Memory Game (1)
    • Javascript (18)
    • HTML (3)
    • CSS (20)
      • 사이트를 만들자 (7)
    • MySQL (9)
    • PHP (23)
    • react (2)
    • 기타 (4)
      • 오답노트 (1)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • 반복문
  • script
  • for문
  • CSS속성
  • for문 #반복문
  • php
  • JavaScript
  • mouse effect
  • includes()
  • 알뜰폰요금제
  • Javscript
  • align-items
  • popup
  • 알뜰폰
  • Game
  • 집계함수
  • unshift #메서드 #메소드
  • indexOf()
  • 뮤직플레이어
  • 팝업
  • Flex
  • 구구단출력하기
  • lastIndexOf #lastIndexOf() #lastIndexOf메서드
  • 짝수
  • MySQL
  • 마우스 이펙트
  • while문
  • 데이터 베이스
  • slice() #slice #slice메서드
  • 논리 #논리연산자 #연산자 #

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   2026/04   »
일 월 화 수 목 금 토
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
글 보관함
Flex에 관한글 (2)
CSS 속성 : display:flex 플렉스 속성

align-items justify-content flex-direction flex-basis flex-grow flex-shrink flex-wrap flex align-self

CSS
CSS 속성 display:flex 플렉스 속성

Flexbox는 모던 웹을 위하여 제안된 기존 레이아웃보다 더 세련된 방식의 니즈를 부합하기 위한 CSS3의 새로운 레이아웃 방식입니다. flexbox에서 사용하는 속성은 부모요소와 자식요소를 나누어집니다. 전체적인 정렬이나 흐름에 관한 속성은 flex container에서 정의하고 자식 요소의 크기나 순서와 관련된 속성은 flex item에서 정의합니다. 이를 분리해서 적용하는 것이 flex-box에서 가장 중요합니다. - flex container 속성 : flex-direction, flex-wrap, justify-content, align-items, align-content - flex item 속성 : flex, flex-grow, flex-shrink, flex-basis, order 그리..

CSS
이전 1 다음
이전 다음
© 2018 webstoryboy

티스토리툴바