개발자의 끄적거림

CSS 적용 우선순위 CSS 우선순위는 웹 페이지에서 스타일이 적용되는 순서를 결정하는 규칙입니다. 이를 이해하는 것은 CSS를 효과적으로 사용하고 웹 페이지의 스타일을 조절하는 데 매우 중요합니다. CSS 우선순위는 다음과 같은 요소에 의해 결정됩니다. 1. **명시도(Specificity)**: 명시도는 CSS 규칙에 지정된 선택자의 특정성을 나타내는 값입니다. 일반적으로 명시도는 아래의 요소에 따라 계산됩니다. - 인라인 스타일: 가장 높은 명시도를 가지며, HTML 요소에 직접 스타일을 적용합니다. - ID 선택자: `#id`로 지정된 선택자의 명시도는 100점입니다. - 클래스 선택자, 속성 선택자, 가상 클래스 선택자: `.class`, `[attribute]`, `:hover` 등의 선택자의..

Position: CSS의 position 속성은 요소의 위치를 지정하는 데 사용됩니다. position 속성에는 다음과 같은 값들이 있습니다: static: 요소의 기본값으로, 일반적인 문서 흐름에 따라 배치됩니다. relative: 요소를 문서 흐름에 따라 배치한 후, top, right, bottom, left 속성을 사용하여 상대적인 위치를 지정할 수 있습니다. 다른 요소들과의 관계를 기준으로 이동합니다. absolute: 요소를 문서 흐름에서 제거하고, 가장 가까운 조상 요소 중에 position 값이 relative, absolute, 또는 fixed인 요소를 기준으로 위치를 지정합니다. fixed: 요소를 뷰포트(브라우저 창)를 기준으로 위치를 지정합니다. 스크롤해도 화면에 고정됩니다. Fl..