2020-11-26 [강의 핵심 요약]

- 수업내용
  - 가상선택자 : hover / nth-child(2) -> 여기서 n은 n/1 할때 처럼 n명 있는 사람중 2번쨰.
    - nth-child(1n + 1) : 1n -> n은 0 부터 1씩 증가 / 1 * 0 = 0 + 1 = 1;
      - 1 * 1 = 1 + 1 = 2 ..... 1 * 5 = 5 + 1 = 6 이런식으로 증가함.
    - nth-child(2n + 1) : 2n -> n은 0 부터 1씩 증가 / 2 * 0 = 0 + 1 = 1;
      - 2 * 1 = 2 + 1 = 3 ..... 2 * 5 = 10 + 1 = 11 이런식으로 증가함.
    - nth-child(3n) : 3의 배수
      - ( 3 * 0 / 3 * 1 / 3 * 2 ....... 3 * 11 식으로 증가)
    - nth-child(3n + 1) 이런식으로도 표현가능.
    - nth-last-child(2) : 뒤에서 두번째

  - display:block 정렬법
    - 별도의 정렬법은 가지고 있지않으나, 2차적으로 코드를 작성하여 정렬가능
    - margin-left:auto;
    - margin-right:auto;
    - 를 통해서 좌우의 margin을 같은 값으로 맞추어 중앙에 정렬
    - (한쪽 margin만 auto로 설정하여 좌/우 정렬도 가능)