Align-items:center 세로의 중간
Justify-contn:center 가로의 중간
Multi column
Colomn-count:2 신문처럼 2분할
2페이지를 하나의 페이지로
Position:absolute
Left:0; top:0; html 기준 부모가 고정되어 있지 않으면 고정이 된다
Position:fixed 스크롤과 상관없이 고정된다
Text-align 양쪽정렬 가능
Section article main aside Nav 태그
Div 태그는 화면 전체를 쓰는 태그
Border_bottom 아랫선 border-top 윗선
Padding-left:20px 왼쪽여백 아니면 전체여백
Css Transform 사이트 움직임 효과
Display-inline-block 글자만큼 줄어듬 글자크기에 맞는 사이즈로
Transition 효과를 주는 것,시간효과
Media query 크기조절 가능
화면창이 지정크기까지 줄어들 때 사이즈 색상에 변화를 줄 수 있다
Float 이미지 위에 이미지를 글자처럼 위치 기능 , 레이아웃 잡을 때 많이 사용
Margin: auto 정중앙에 위치
Blend 이미지 대비효과를 주는 것
Fontello.com 폰트를 통해서 아이콘을 표현하는 사이트
Thenounproject.com 아이콘 사이트
Clean css – online 사이트
Minify css 코드 경량화 용량을 줄여준다
Min.css minify가 실행된 코드
Preprocesser css 고급과정 다시공부해야됨.
