첨부파일 https://eond.com/css/435198

CSS Flex를 연습해볼 수 있는 사이트를 소개하고자 합니다.


연못 안의 개구리를 개구리 집으로 돌아가도록 CSS Flex로 정렬하는 실습들이 준비되어있습니다.


CSS Flex 속성도 몇 개 없기에 이런 튜토리얼 사이트로 빠르게 배우는게 효율적인 것 같습니다.


justify-content, align-items, flex-direction, order, align-self, flex-wrap, flex-flow, align-content 속성들을 익힐 수 있습니다.


친절하게 속성에 어떤 요소들이 있는지도 마우스 포인터를 올리면 설명해주니 금방 문제를 해결할 수 있습니다.


바로 가기 : https://flexboxfroggy.com/





출처: https://itchipmunk.tistory.com/427?category=568423 [다람쥐의 일상]

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 115 articles in 1 / 6 pages
번호 제목 제목 날짜날짜 조회 수
공지 UI컴포넌트는 UI프레임워크 게시판에 글을 작성해주세요 2018/05/27 1097 0
공지 CSS(Cascading Style Sheet) 뜻 2018/05/13 1228 0
공지 CSS(Cascading Style Sheet) 뜻 2018/05/13 1080 0
공지 html/css/javascript 공부하는 사이트 2018/01/02 1148 0
공지 Metirial Icons (머티리얼 디자인 아이콘) 파일 2015/12/06 1350 0
현재글 [flex] CSS Flex 귀여운 개구리로 실습해보자 2020/07/02 165 0
110 [SCSS] scss mixin 방법 파일 2020/06/07 30 0
109 폰트단위 em 2020/05/11 20 0
108 [grid] grid 로 짜는 레이아웃 예제 파일 2020/05/09 19 0
107 웹폰트가 흐리게 보여질 땨, 흐린 폰트를 좀더 분명하게 선을 보여주고 싶을 때 2020/05/06 30 0
106 [css] 안드로이드 모바일 링크 클릭 선택시 하이라이트 파란색배경음영 지우기 2019/10/10 226 0
105 flex 설명한 글 모음. 2019/09/09 70 0
104 [SVG] svg 파일을 id값으로 클래스화해서 사용하기 파일 2019/01/07 149 0
103 [SCSS] [SCSS] SCSS문법 정리 네스팅 변수 @import @mixin @include @for @each @while 파일 2018/09/01 307 0
102 [flex] flex 개념 알기 2018/08/25 132 0
101 [css] parallax only css 2018/08/14 107 0
100 [css] 마진 상쇄 현상 해결팁 2018/07/30 224 0
99 [SVG] CSS HEXAGON 2018/04/19 89 0
98 [css] CSS animation infinite 2018/04/13 97 0
97 [css] CSS로 Center 정렬 2018/01/13 93 0
96 [css] css 선택자 | CSS [attribute*=value] Selector 2018/01/02 95 0

해시태그 디렉터리