작정하고 Django (13) - CSS display 속성, rem 단위 실습 : Django로 Pinterest 따라하기

김의찬·2023년 4월 3일

작정하고 Django !

목록 보기
13/45

style을 지정하는 3가지 방법

  • 1

  • 2

  • 3 : css 파일에 설정하는 style 태그

style 적용 순서

    1. html의 각 태그에 직접 적용하는 style
    1. 사진 1번과 같이 style을 따로 지정하는 경우
    1. css 파일에 지정하는 style

요소들

default는 따로 지정해주지 않는 한 display=block 설정이다

inline 요소를 여러개 지정 시 옆으로 쌓인다.

** div는 기본 속성이 block, span은 기본 속성이 inline 이다.

inline 요소들의 크기 지정값들 , 1rem= 16px이다. 따라서 48px로 지정한 인라인 블록과
3rem으로 지정한 인라인 블록 요소의 크기는 동일하다.
30%지정한 인라인블록 요소는 전체 크기의 30%로 설정된 것을 볼 수 있다.

전체 font-size를 2rem 으로 지정했을 때
px, em , rem, %에 해당되는 블록들의 변화이다.

em은 font에 따라서 크기도 변하기 때문에 잘 사용하지 않는 것을 추천.

commit reset

  • 연습한 내용을 코드에 커밋하지 않고 싶을때

이 코드를 사용해서 최근의 commit한 코드로 돌아오는 것을 수행.

전 commit 단계로 돌아옴.

profile
김의찬입니다

0개의 댓글