CSS 포지션 속성은 유아이 빌딩할 때 숨쉬듯 사용하는 스킬입니다.
아주 많이 사용하는 스킬이라 스텝으로 정리해 드립니다.
포지션 속성으로 어떤 오브젝을 원하는 방향에 배치하고 싶다면 아래의 스텝대로 해보세요.
포지션 세팅 스텝
스텝 - 마크업으로 페어런츠 칠드런 관계를 설정하세요
스텝 - 페어런츠는 렐러티브 주세요
스텝 - 칠드런은 앱솔루트 주세요
스텝 - 칠드런 좌표 콘트롤 하세요
이 스텝대로만 하면 원하는 포지션을 빌딩 할 수 있습니다.
Self training
https://www.w3schools.com/css/css_position_offset.asp
W3Schools.com
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
위 링크를 클릭하면 포지션 속성을 셀프 트레이닝 할 수 있습니다.
많이 연습 해보기를 바랍니다.
'CSS' 카테고리의 다른 글
| transition (0) | 2026.02.15 |
|---|---|
| transform (0) | 2026.02.15 |
| translate() center center alignment (0) | 2026.02.12 |
| CSS color property (0) | 2025.05.30 |
| CSS list-style property example (0) | 2025.05.30 |