[개념] CSS - Position 속성

이 글은 MDN의 내용을 공부하여 개인적인 해석을 한 내용입니다.틀린 부분이 있다면 댓글로 남겨주세요 😆 CSS - Position Attribute문서 상에 요소를 배치하는 방법에 대한 정의이며, top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다.    Static - Default요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left, z-index 속성이 아무런 영향도 주지 않습니다. Relative 요소를 일반적인 문서 흐름에 따라 배치하며, 자기 자신 기준으로 top, right, bottom, left의 값에 따라 위치를 적용합니다.다른 요소에는 영향을 주지 않으며, 페이지 레이아웃에서 요소가 차지..

• format_list_bulleted WEB/CSS
• · 2024. 5. 31.
• textsms

[개념] CSS - Cascading이란?

이 내용은 MDN에서 소개한 CSS Cascading을 해석하여 제 방식대로 이해한 내용을 정리한 것입니다.틀린 부분이 있다면 댓글로 남겨주세요 😆CSS?CSS는 Cascading Style Sheets의 약자로 웹페이지를 꾸미려고 작성하는 코드입니다.이름에서도 알 수 있듯, Cascading은 CSS의 기본 개념입니다. Cascading이란?Cascade의 사전적 의미 : 종속 공식문서인 MDN에서 소개하는 CSS에서의 Cascading 은 다음과 같습니다. "The cascade is an algorithm that defines how user agents combine property values originating from different sources.""캐스케이드는 서로 다른 소스에서 ..

• format_list_bulleted WEB/CSS
• · 2024. 5. 26.
• textsms