Amazing Story

7. 포지션이란- 요소를 화면에 배치하기 위한 기법으로 기준점을 이용하여 요소를 특정 위치에 배치하는 방법- 기준점 및 배치방법에 따라 절대포지션, 상대포지션, 고정포지션 세가지 방법을 사용(1) Position 종류- Absolute Position(브라우저 또는 상위요소를 기준으로 배치하는 방법)- Relative Position(자기자신을 기준으로 배치하는 방법)- Fixed Position(스크린을 기준으로 배치하는 방법) (2) Position사용시 기준좌표 입력방법- 포지션 적용시 기준이 되는 요소의 Edge중(이때 Edge는 top, right, bottom, left)로부터 자기자신의 Edge까지의 거리값을 입력(3) Position 요소 z-index- 포지션을 적용한 요소는 포토샵의 레..

(7) 배경(background)- 배경속성은 마진영역을 제외한 박스영역에 설정할 수 있고 다음과 같은 속성이 있음 (요약) 배경속성의 종류가. background-color나. background-image다. background-repeat라. background-position마. background-attachment바. background-size ※ 예제를 시작하기 전에 준비물을 알려드리려고 합니다. 저는 설명을 위해 20px*20px의 하트 이미지를 사용했어요. 크기는 상관없고, 실습용 이미지를 준비해주세요^^ 가. background-color- 모든박스의 배경색은 투명이며, 폼요소는 배경색이 미리 지정되어 있음- 요소를 투명하게 만들려면, background-color: transpare..