1) 학습한 내용

1.full-image

(1) CSS

①

background-image: url("../images/img5.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

4줄을 아래처럼 한줄로 한번에 적을 수 있음

background: url("../images/img5.jpg") no-repeat center fixed;

②

text-transform: uppercase; : 글자를 모두 대문자로 변경

(2) @media

-화면크기가 700px이하일 때 글자 크기를 줄이기

(3)결과

2. 고양이 페이지

(1) 전체설정

① 코드

(2) header 부분 설정

① 코드

②결과

(3) section 부분(post-title) 설정

① 코드

② 결과

(4) section 부분(post-date,post-img) 설정

① 코드

② 결과

(5) section 부분(article) 설정

① 코드

② 결과

(6) section 부분(blockquote) 설정

① 코드

② 결과

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

border-radius: 40% 70% 50% 30% /50%;
테두리를 불규칙적으로 모양을 만드는 것을 처음 배워서 어려웠다.

3) 해결방법

코드를 바꿔가면서 어떻게 변하는지 확인하면서 하니까 이해가 되었다.

4) 학습소감

페이지 하나를 만드는데 굉장히 오랜 시간과 노력이 필요한 것을 느꼈다.