1. 학습내용

실습내용

github 소스링크

학습 및 상기 내용

letter-spacing

각각의 단어간 좌우간격(상하x)

줄이면 좁아지고 늘리면 늘어남

이미지를 겹칠때

높이값이 없는 경우 position을 사용해도 겹쳐지지 않음

부모가 relative고 자식이 absolute의 경우 자식이 부모의 높이에 영향을 줄 수 없음

이 경우 이미지를 static 상태로 만들어 줌으로써 부모의 높이값에 영향을 줄 수 있게 되었다

#audio-book .audio-body li {
	width: 120px;
}

#audio-book .audio-body .image-wrap {
	position: relative;
	width: 100%;
}

#audio-book .audio-body .image-wrap img {
	/*position: absolute;*/
	width: 100%;
}

#audio-book .audio-body .image-wrap .time{
	position: absolute;

	padding: 2px 5px 0;
	background-color: rgba(17, 17, 17, .75);

	font-size: 11px;
	color: #ffffff;

	right: 5px;
	bottom: 5px;
}

작업물

2. 어려운점

3. 해결방법

4. 소감