학습한 내용

지난 시간에 이어서 네이버웹툰 메인 페이지 우측 영역과 네이버웹툰 웹툰 페이지를 작업했습니다.

메인 페이지 우측에 있는 순위를 나타내는 것은 평소에 사용하던 ul 태그가 아닌 ol 태그를 이용해서 만들었습니다.

ol 태그는 순서에 의미가 있는 리스트를 만들 때 사용됩니다.

네이버웹툰 메인 페이지

네이버웹툰 웹툰 페이지

학습한 내용 중 어려웠던 점 또는 해결못한 것들

강사님께서 하신대로 따라해도 네이버웹툰 웹툰 페이지에 우측 상단에 글자가 커서 박스 밖으로 튀어 나온거 같은데 크기를 조정해도 바뀌지가 않습니다.
아마 제가 앞부분에 부모 태그에 해당되는 글자크기를 놓친거 같습니다.

해결방법 작성

그래서 저는 강사님께서 입력하신 css값 이외에
'#webtoon-main .webtoon-main-right .webtoon-challenge-wrap .webtoon-info p a' 에 폰트 사이즈 11px을 추가해서 만들어 봤습니다.

학습 소감

강사님과 제가 한 것을 비교해서 다른 부분이 있으면 그 부분에 해당되는 속성값들을 찾는 것은 어느정도 익숙해 진거 같습니다. 하지만 아직까지 부모 자식 관계에 있는 태그들 안에 입력된 값을 구분하는 것은 쉽지가 않습니다.