[웹코딩] 6일차, CSS, nth-chil / block가운데정렬 / body 정렬

- nth-last-child (=last-child)

- nth-last-child(2) : 뒤에서 두번째

- nth-child (2n) : 짝수 / (2n+1) : 홀수 / (3n) : 3의 배수 

 

 

section>div:nth-child(1)   -section의 첫번째 자식 태그한 것. 그래서 첫번째 초록 박스 반응 안함.

- width : 15%  : 화면의 15%의 너비 (화면 사이즈와 정비례하게 크기 조정됨) - section > div : nth-child (1)   : section의 첫번째 자식 태그한 것. 그래서 첫번째 초록 박스 반응 안함.

 

- nth-child 로 무지개 만들기  (7n+1) - 빨 (7n+2) - 주 (7n+3) - 노 (7n+4) - 초 (7n+5) - 파 (7n+6) - 남 (7n+7) - 보

 

- ! (느낌표) 입력후 tab  : HTML의 전문 확인하기 (우리가 실제 입력하는건 전문 중 body 부분임. body 이외의 부분은 생략되어있는것.)

 

- 디스플레이 block 의 가운데 정렬 :   margin-left : auto ;     margin-right : auto ; (양쪽에서 손 놔주기) - 디스플레이 block 의 오른쪽 정렬     margin-left : auto ; (왼쪽에서 손 놔주기) * margin : 0 20px; (상하0, 좌우20)

 

 

-지금까지 배운 태그 종류

div

section

nav

article

br (들여쓰기)

img (이미지삽입)

a (링크)