목록CSS (22)
프론트엔드 정복하기
* min 압축파일 .min.css 파일은 띄어쓰기 없이 압축해 놓은 파일이다. >> '.min'을 지워주면 띄어쓰기가 된 파일을 확인할 수 있다.
AntDesign - Grid system Col, Row *** col : 1-24 값 ex ) : 너비가 같은 3개의 열 row : [ horizontal, vertical ] >> hor : 컨텐츠간 좌우 간격 / ver : row간 상하 간격 (px) ***반응형 {xs:8, sm:16, md:24, lg:32} ex) 배열 활용 [ horizontal, vertical ] [ 16, {xs:8, sm:16, md:24, lg:32} ] antDesign 사이트 참고 https://ant.design/components/grid/#header Card 1) import {Card} from 'antd'; : 일반 태그처럼 간단하게 사용. ex) boolah -Card 속성값 : antdesign ..
*display : flex ; : float, inlin-block 등의 단점을 보완한 속성이다. : clear:both를 하거나, 여백을 걱정할 필요 없다. *justifyContent ( IE11 이상 지원 ) -속성값 -flex-start (컨테이너 시작 부분에 아이템 위치 / default 값) -flex-end (컨테이너 끝에 아이템이 위치) -center (컨테이너 중앙에 아이템이 위치) -space-between (아이템 세로열 간 사이에만 공백 존재) -space-around (아이템 세로열의 앞, 사이, 뒤 모두에 공백 존재) -initial (이 속성의 기본값으로 설정) -inherit (부모요소의 속성값 상속) *alignItems ( IE11 이상 지원) -stretch (플렉스 ..