21.07.23

유진·2021년 7월 23일

네이버 웬툰 페이지 카피캣 실습


<i class="icon-ex-mark"></i>

아이콘 넣을때는 아이콘 태그 i 사용

 #webtoon-main .webtoon-main-left .webtoon-content .webtoon-content-header {
	border-bottom: solid 1px #e5e5e5;
	padding: 26px 0 10px;
}

padding 3개 입력시 상 좌우 하


<div class="webtoon-content-header webtoon-content-header-recommend">

#webtoon-main .webtoon-main-left .webtoon-content .webtoon-content-header.webtoon-content-header-recommend {
	padding-bottom: 0;
}

위와같이 하나의 태그안에 클래스가 다수입력되어있을시 css에서 띄어쓰기 조심하기
.webtoon-content-header.webtoon-content-header-recommend 이어줄대 띄어쓰기 x


눈깔 빠지는줄
똑같이 한다고 따라해도 오탈자나 태그 밑이나 안에 엏는 실수를 종종했는데 예날에는 울면서 다시 했는데 요즘은 크롬이랑 코드랑 왓다갔다 하면서 내가 실수한 부분을 찾기도 하고 고치기도 하고 아 이게 이렇게 되는구나를 슬슬 깨닳고 있어서 뿌듯하다
뿌듯하긴 하지만 너무 어렵다 엉엉 하지만 재밌다고 암시하면서 3시간 수업을 8시간 정도에 끝내는 나 매우 멋져요

div태그와 class가 많아질수록 어지럽지만 나중에는 개껌먹듯이 잘해낼 나 상상하면 매우 멋져요

오늘 하루도 수고했다

0개의 댓글