□ 네이버 뉴스 – TV연예 페이지 1/3

★ 작성코드

Git 링크.네이버 TV연예

1. TV연예 상단

● margin 병합 현상

• 형제 관계에서 공통된 공백이 있는 경우, 큰 값이 작은 값을 병합함
• 형제 관계에서는 margin 병합 현상이 top, bottom에서만 일어나고 left, right에서는 일어나지 않음

● 결과 스크린샷

2. TV연예 메인 왼쪽 1/2

● { letter-spacing } : 글자간 간격 조정

예시)

#ent-main .ent-left #ent-media-headline .media-bottom p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
}

● 결과 스크린샷

□ 어려웠던 점

특별히 어려운 내용은 없었습니다.

□ 해결방법

이해가 안되는 부분은 강의를 반복해서 들어서 해결하였습니다.

□ 학습 소감

사이트의 구조를 어떻게 체계적으로 만드는 가에 대해 생각하게 되었고, 그 구조에서 반복 활용될 수 있는 부분을 찾아내서 재활용하는 것에 익숙해져가고 있습니다.