Twitch (3)

1) 학습한 내용

1) twitch main banner

2) twitch main section

네비게이션 바를 피해서 남은 공간에 스크롤을 적용하는법

.content {
position: absolute;
top: 50px;
bottom: 0;
left: 240px;
right: 0;
width: 800px;
height: 800px;

}

Background 의 활용

background : yellow url(../img/notebook.jpg) no-repeat center;
background-size: cover;

background는 background-color와 다르게 배경색 이미지 효과 위치등을 한번에 조정할수있다.

Background-size: cover 은 배경이미지가 들어가야하는 공간보다 클때 사이즈를 늘리거나 줄여서 이미지에 알맞게 삽입할수있게한다.

원본 비율을 유지하면서 사이즈를 늘리거나 줄이는 자연스러운 효과를 만들수있다.

Twitch (3) Github 실습내용

2) 학습내용 중 어려웠던 점

딱히 없었습니다.

3) 해결방법

4) 학습소감