1. CSS의 cascading에 대해 설명해 주세요
HTML 요소에 부여된 CSS의 속성들이 상위에서 하위로
상속되는Top -> Down 방식입니다.
우선순위에 결정 방법에 따른 부여입니다 예를 들어 id선택자,
class선택자, tag선택자, 요소에 Direct로 부여하는
inline styles등의 경우를 따져 순위를 정합니다
Inline > id> class > 요소 > 상속 순서입니다
동일한 우선순위의 경우 나중에 선언된 규칙이 이전 규칙을 대신합니다
2. Position의 속성들과 각각의 특징을 설명해 주세요
position에는 static,relative, absolute, fixed, sticky등이 있습니다
static : Default값으로 일반적 흐름으로 배치합니다
relative : 본인이 배치된 자리를 기준으로 이동할수 있습니다. top bottom right left의 속성을 통하여 이동이 가능하고 다른 요소에 영향을 주지 않습니다.
absolute : 본인을 기준으로 가장 가까운 조상님을 찾아(relative absolute fixed) 조상님을 기준으로 top bottom right left 으로 위치를 조정할수 있습니다 다른요소에 영향은 없습니다
fixed : 브라우저의 보이는 화면을 기준으로 top bottom right left 의 속성으로 고정하는데 사용합니다 메뉴 광고 top버튼과 같은 부분에 사용합니다.
sticky : 기본적으로 기본동작을 하지만 설정한 특정위치에 도달하면 고정됩니다.
안녕하세요