HTML / CSS for publishing
1.html 인라인, 블록, 인라인블록 요소
인라인(inline) 요소한줄에 여러개 배치기본 너비값은 콘텐츠의 너비값크기값을 가질수 없음상하 마진은 가질 수 없음블록(block) 요소한줄에 하나만 배치기본 너비값은 100%크기값을 가질 수 있음상하좌우 마진 가질 수 있음인라인블록(inline-block) 요소한줄
2021년 7월 6일
2.css 박스모델, box-sizing
margin, padding과 box-sizing: border-box
2021년 7월 6일
3.css로 html 요소들 가로 배치
float, margin:auto, text-align:center, clear
2021년 7월 6일
4.css 포지션속성
parent - relative, child - absolute, transform
2021년 7월 7일
5.css 가상클래스 : hover, nth-child
마우스 오버 이펙트인 hover와 transition , 순서를 만드는 nth-child()
2021년 7월 7일
6.CSS 셀렉터 체크포인트
css 의 다양한 셀렉 방식
2021년 7월 16일
7.Flexbox와 레이아웃 잡기
레이아웃 잡기와 display:flex의 기본 적용, justify-content, align-items
2021년 7월 17일
8.Flex - 부모요소 속성
justify-content, align-items, align-contents, flex-wrap
2021년 7월 18일
9.Flex - 자식요소 속성
flex : (grow) (shrink) (basis) 의 개념과 order, align-self, margin을 이용한 flex자식요소 위치 조정
2021년 7월 21일