몽대리의 코딩개발
close
프로필 배경
프로필 로고

몽대리의 코딩개발

  • 분류 전체보기 (8)
    • 코딩 (8)
      • HTML ㅣ CSS (4)
      • Javascript (2)
      • 그누보드 (2)
  • 홈
  • 코딩
  • 자료
[CSS] 한눈에 보는 Flex 속성 이해하기

[CSS] 한눈에 보는 Flex 속성 이해하기

웹사이트의 구조를 구성할 때 예전같은 경우 float 또는 inline-block 등의 속성을 이용해 도움을 받았지만 시간이 갈수록 반응형 웹디자인이 대중화되면서 Flex 속성을 많이 이용하는 것 같습니다. 이번 포스팅에서는 Flex에 대해 공부하고 어떤 속성들이 있는지 확인해보겠습니다. Flex 적용하는 방법Flexible Box, Flexbox 라고 불리기도 하는 Flex는 적용하는 방법이 매우 간단합니다.정렬시키고 싶은 요소들의 부모 속성에 display:flex; 만 입력해주면 끝! .container { display:flex;} display : flex Flex 속성에 대해이번에는 Flex를 적용한다면 어떠한 속성을 추가로 부여할 수 있을지 알아보도록 하겠습니다. 속성의미displayFl..

  • format_list_bulleted 코딩/HTML ㅣ CSS
  • · 2024. 7. 31.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (8)
    • 코딩 (8)
      • HTML ㅣ CSS (4)
      • Javascript (2)
      • 그누보드 (2)
최근 글
인기 글
최근 댓글
태그
  • #이미지애니메이션
  • #hover 효과
  • #전체페이지스크롤
  • #그누보드 세팅
  • #그누보드
  • #그누보드 반응형
  • #그누보드 컨텐츠
  • #html애니메이션
  • #스크롤이미지
  • #홈페이지스크롤
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바