[5월 25일]

정서이·2022년 5월 25일

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) 학습소감

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

0개의 댓글