Front-end/CSS

[CSS]background image

background-repeat 속성 repeat 혹은 background-repeat을 지정하지 않았을 때 이미지가 수직, 수평 모든 방향으로 반복된다. no-repeat 이미지를 반복하지 않음 repeat-x 옆으로(horizontally) 반복 repeat-y 수직으로(vertically) 반복 * 영어로는 어떻게 표현하는 지 알아두는 것도 도움이 됩니다. vertical 수직의, horizontal 수평의 horizontally 반복해 달라고 하면 repeat-x vertically 반복해 달라고 하면 repeat-y

[CSS]display 속성 (block, inline, inline-block, none)

●block width, height 지정 가능 margin, padding 지정 가능 ~ list 태그 (, , , , , ) navigation 태그 (, , , , , ) ●inline width, height 지정 불가 width는 컨텐츠 길이만큼 지정됨, hegith는 폰트 크기만큼 지정됨 margin 위아래X / padding 좌우O, 위아래O(But only 시각O, 공간 차지X) ●inline-block block처럼 줄바꿈이 이루어지지 않음 block처럼 height, width 지정 가능, 만약 지정 안했을 경우 inline처럼 크기가 컨텐츠 크기 만큼 잡힘 ●none 지정된 요소가 아예 없는 것처럼 사라지게 보임. visibility:hidden과는 다른 점은 visiblity:hid..