개인코딩개발공장

컴퓨터 : 1024+ 테블릿 : 1023~768 모바일 : 480-320 미디어 쿼리 font-family : 'gulim', 'dotum', 'arial' 등등 .. 다만 시스템에 설치가 되어있어야함. @font-face { font-family: 'dddd'; src : url() } url안에 따옴표 없이 폰트파일 넣고 굴림. 이건 한글폰트용량이 너무 큼.. woff파일로 쓰거나 웹폰트를 쓰면됨. 구글폰트

position relative는 원래 있어야 하는자리에서 적용 기본값은 static임 absolute 는 부모태그 박스안에서 움직임. fiexed : 웹페이지 기준에서 움직임 sticky 는 원래있던자리에있는데 스크롤 내리면 그자리 고정됨. 이건 꼭 top bottom 정해줘야함

너무 오랜만이라 다시 적음 justify-content 가로 정렬 보통 스페이스 비트윈 자주씀. align-items 세로정렬.. 센터나 flex-end나 등등 flex-direction 방향설정하는거.. column으로 바꿀때씀. row는 기본설정 align-self 는 상위요소에 flex로지정이되어야 적용됨. flex-wrap 요소가 꽉차면 다음줄로 넘겨줌 flex-flow 는 flex-direction 과 wrap같이쓸수있는거. align-content 는 세로 간격정렬.. align-items 에 space머시기 안됨