공부기록, 2021-04-21

-nth - child-

nth of type : 자식들 중에
nth - child(odd) : 홀수

개념 - nth-child : codepen.io/jangka44/pen/xJEeag

margin, padding 을 활용한 정렬방법

개념 margin, padding 을 활용한 정렬방법 : codepen.io/jangka44/pen/xJEeag

 

inline-block, inline
-수동적으로 정렬됨

block
-능동적으로 정렬

-margin 을 이용
-우측 : margin-right:auto
-좌측 : margin-left:auto
-가운데 : margin:0 auto

상하좌우 모두 적용가능

BMX사이트 상단 이미지 구현

BMX사이트 상단 이미지 구현(문제) : codepen.io/jangka44/pen/EpgJPa
BMX사이트 상단 이미지 구현(정답) : codepen.io/jangka44/pen/xJEeag

팁

-html의 자식은 head, body 둘밖에없다-
-head안에 들어가는 정보는 화면에 보이지않는다-
-div는 기본적으로 body의 자식이다-