font-family
font-family에 여러 값을 넣을 수 있는데 마지막은 sans-serif로 해주는 게 좋다.
-> 모든 브라우저에서 지원하는 default 값이기 때문이다.
background
background-image는 공간을 이미지로 모두 채우려고 하는 속성이 있다.
한 축으로만 반복하고 싶다면 background-repeat: repeat-y; 혹은 repeat-x; 를 사용하면 된다.
default는 background-repeat: repeat; 이다. 반복이 싫다면 background-repeat: no-repeat;로 설정하면 된다.
background-position은 background의 위치를 지정해 준다. 오른쪽 위에 위치시키고 싶다면 right top 처럼 쓰면 된다.
한 번에 설정하기(권장)
한 번에 설정을 하면 순서를 지키지 않아도 되고 CSS파일의 용량을 줄일 수 있어서 권장되는 방법이다.
'FE > CSS' 카테고리의 다른 글
| 미디어 쿼리 (0) | 2022.04.17 |
|---|---|
| 애니메이션 (0) | 2022.04.17 |
| 레이아웃에 영향을 미치는 속성 (0) | 2022.04.16 |
| margin과 padding (0) | 2022.04.16 |
