[개발일지23일차] 내아보 블로그 +

1.학습내용

blog-helper에서 체크박스 부분은 i태그/백그라운드 이미지로 처리 가능.
background-image로 작성하면 css코드 넣기 전에는 아래 사진처럼 겹치게 된다. 이때 paddding-left값을 주면 된다.

* background-image는 padding영향x. 글자만 영향받음

.blog-main #blog-main-content #blog-helper li a {
	display: block;
	height: 35px;
    line-height: 35px;
    padding-left: 30px;

	background-image: url(../img/checkbox.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px 20px;
}

• 블로그씨 답하기에 마우스를 올리면 색이 달라지는 효과.

전체적으로 투명도를 적용하면 글씨도 적용되기대문에 rgb코드 이용
.blog-main-detail #program-info .program-msg-box a:hover {
	background-color: rgba(125, 85, 200, 0.8);
}

2.어려웠던 내용

같은 태그들을 계속해서 사용하면서 배치에 대한 감을 익히는 중이다. 특히 글자크기에 대한 감이 필요함을 느꼈다. 오늘은 낯선 구조가 없었기 때문에 크게 어렵지 않았다.

3.해결방법

자주 쓰는 태그들과 속성이라도 헷갈림은 있다. 반복적으로 사용하면서 기억하는 방법뿐이다.

4.학습소감

익숙해짐에 방심하지 말고 꼼꼼하게 바라보는 습관 가지자.