💻 학습 내용

NAVER WEBTOON HEADER & MAIN_LEFT 카피캣

naver_webtoon_main_left_html

naver_webtoon_main_left_css

naver_webtoon_header

• <i></i> 태그는 글자를 기울여서 표시하는 태그로, italic의 약자

• 작대기를 만드는 태그 :
  <em class="bar"></em>

#webtoon_header .webtoon_header_top .webtoon_header_left .bar{
	width: 1px;
	height: 13px;
	background-color: #d2d2d2;
	margin: 0 10px 0 8px;
}

naver_webtoon_main_left

<a href="#" class="btn btn_prev”></a>
<a href="#" class="btn btn_next”></a>

• btn은 공간크기, border값을 지정할때 사용할 class명
  btn_prev & btn_next
  ➜ 화살표의 방향, 이미지를 변경할 때 사용할 클래스로 지정

📝 마무리

오늘은 색다른 태그를 사용하거나 낯선 개념들이 있지는 않아서 내용적인 면에서 어려운 점은 없었다.
하지만 클래스 명이 너무 다양하면서 너무 길어서 css코드를 작성하는데 너무 복잡해서 헷갈렸다.

그래도 어제보다 오류도 적게 일어나고 카피캣하는데 재미가 있었다.