웹 개념/css개념 끄적끄적 (2) 썸네일형 리스트형 [css] position: relative, absolute의 차이점 (질&답 형식) position: relative 의미? ChatGPT "position: relative"는 CSS (Cascading Style Sheets)의 속성으로, HTML 요소의 위치를 상대적으로 설정하는 데 사용됩니다. 이 속성은 해당 요소를 기본 흐름에서 상대적으로 이동시킬 수 있게 해주며, 다른 요소들과의 상호작용을 가능하게 합니다. "position: relative"를 사용하면 해당 요소는 원래 위치를 기준으로 상대적으로 이동됩니다. 이동은 "top", "bottom", "left", "right" 속성을 사용하여 지정할 수 있습니다. 예를 들어, 다음과 같은 CSS 코드를 사용하면 요소가 원래 위치에서 오른쪽으로 20픽셀, 아래로 10픽셀 이동합니다. css Copy code .element { .. css 끄적끄적 - 여러 속성, 인접 연산자, styled-components + css 개념 정리 css 개념 정리 1. box-sizing: border-box; box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다. 2. color: inherit; inherit은 부모 객체의 값을 가져오는 것입니다. 3. text-decoration: none; text-decoration은 선으로 텍스트를 꾸밀 수 있게 해주는 속성입니다. 1. absolute position의 특징 position 속성이 absolute로 설정되어 있는 엘리먼트는 웹페이지 상에 배치될 때 다음과 같은 특징을 갖습니다. 부모 엘리먼트 내부에 속박되지 않고, 독립된 배치 문맥(positioning context)을 가지게 됩니다. 마치 포토샵 같은 그래픽 툴에서 새로운 레이어를 추가하는 효과에 비슷.. 이전 1 다음
