background-attchment //모바일에서는 작동하지않는다.
'local' 기본값
background-size: w h; //호환성으로 인해서 벤더프리픽스를 해줘야한다.
cover는 가로값을 기준으로 화면을 맞춤.
벤더프리픽스 //css3속성이 어떠한 브라우저에서 적용이 안될때... 사용
-ms- //익스플로러
-webkit- //크롬 사파리
-moz- //파이어폭스
-opera- //오페라
멀티백그라운드 //css3속성
한 요소에 여러 이미지를 한번에 불러올수 있다.
백그라운드 개수는 상관없다.
,(콤마)로 구분해준다.
스프라이트 기법
네이버 뉴스스탠드(개발자모드) - top my뉴스 - style #lnb background url() 우클릭 - open link in new tap - 이미지저장
백그라운드 이미지를 활용, 버튼을 만든다.
다수의 이미지를 같은 페이지에 생성, 활용
이미지를 각개로 사용한다면 일일이 찾아서 바꿔야한다.
유지보수에 용이
리소스가 적게 사용된다
이미지 변형에 용이
이미지만 바꾸면 한번에 바뀐다.
1.float: 공중에 붕뜨다
2.float이 선언된 element는 컨텐츠가 피해간다.
3.float이 선언된 element는 먼저 작성된 element위로 뜰수없다.
'publishing > css' 카테고리의 다른 글
| cascading, position, z-index, (0) | 2017.02.25 |
|---|---|
| css, class, id, boxmodel, margin, padding, background, gradation (0) | 2017.02.24 |
