background와 background의 차이

background는 성력형 총체로 쓸 수 있다
배경 지정의 생략 형식입니다.
생략된 백그라운드만 사용하면 된다短く表記.
.hitokage{
background: #000 url(image/hitkage.gif) repeat-x fixed right bottom;  
}
위의 예는'background-image','background-repeat','background-attachment','background-position'의 순서에 따라 기술한 것이다.
backgound 속성 유형
①background-color:
② background-size: ※ 이곳에서는 cover를 자주 사용합니다 ♪
③ background-image:url () ※ 괄호 안에 따옴표가 없음
④background-position:
⑤ background-repeat:repeat-01← 잘 사용하지 않음
※ ⑥ 백그라운드-attachment ←는 거의 사용하지 않음
background-position의 사용 방법, 의미
배경 이미지 위치의 초기 값을 지정합니다.
아무것도 지정하지 않으면 왼쪽 상단(top left 또는 0) 상태입니다.
top right·bottom·left·center로 지정합니다.
※ 조합해서 지정할 수도 있습니다.
예)background-position: top right;← 이렇게 하면 오른쪽 상단에 나타납니다 ♪
이외에도 px,em,%를 통해 작은 위치를 조정할 수 있다.
예)background-position: 50px 100px;← top에서 50px left까지 100px 상태.
겸사겸사 말씀드리지만, 설치된 영상을 팟캐스트에서
background-size:cover
background-position: 50% 50% ; ※수직, 수평 방향으로 사용 중입니다.
최후
모르는 백그라운드-repet 사용법을 적으세요.
※ 거의 사용하지 않는 것 같다
이름과 같이 배경 이미지의 반복 방법을 지정합니다.
아무것도 지정하지 않으면 縦横方向 반복되는 Repeat.
background-repeat: repeat-x;   
background-repeat: repeat-y; 
background-repeat: no-repeat;   
repeat-x는 수평 방향だけに이고 repeat-y는 수직 방향だけに이 반복적으로 지정된 배경 이미지입니다.
no-repet은 배경 그림을 반복하지 않습니다.

좋은 웹페이지 즐겨찾기