background, gradient, display
2024. 6. 12.
a:hover - a 태그에 해당 되는 스타일을 넣어주게 되면 커서를 가져다댈 경우 색이 변하도록 하는 css이다.많이 쓰이기 때문에 기억해두자부모에게 백그라운드 이미지를 주고 자손에게 마진 탑을 주게 되면 마진 자체가 흡수되어서 이미지가 같이 밀려나게 되고 그렇기 때문에 padding을 주는것이 좋다.px - 절대 단위 % - 상대 단위background-size : contain; - 가로 세로중 짧은 쪽에 크기가 맞춰진다. (주로 세로에 맞춰진다.) background-size : cover; - 가로세로중 긴쪽에 맞춰지게 된다. 다만 짧은쪽 이미지가 잘릴수 있기 때문에 디자인 할때 조금 크게 디자인 하기도 한다. 기본적으로 이미지를 불러오면 'auto'로 지정되어 있다. (이미지 고유의 사이즈로..