CSS(2)
-
position의 속성들과 각각의 특징을 설명해 주세요.
position의 속성들과 각각의 특징을 설명해 주세요.1. position문서 상에 요소를 배치하는 방식을 지정하는 CSS 속성position 속성에 특정 값을 대입할 경우 "포지셔닝했다"고 표현함position 속성값에 따라 추가적인 오프셋 속성(top/right/bottom/left, 단축 속성 inset)을 사용함2. position 속성값static, relative, absolute, fixed, sticky2-1. static기본값일반적인 문서 흐름에 따라 배치문서 흐름에서 유지오프셋 속성이 영향을 끼치지 못함2-2. relative일반적인 문서 흐름에 따른 위치를 기준으로 상대적인 위치에 배치문서 흐름에서 유지오프셋 속성으로 위치를 지정할 수 있음2-3. absolute가장 가까운 포지셔닝..
2024.08.10 -
CSS의 Cascading에 대해 설명해 주세요.
CSS의 Cascading에 대해 설명해 주세요.1. CSS Cascading겹치는 스타일 규칙들이 단계를 거쳐 하나의 스타일로 결정되는 과정HTML 요소의 스타일 적용은 우선순위에 따라 Overriding(재정의)됨2. Cascading 우선순위상속 → 스타일시트 → !important 순서로 재정의됨3. CSS 상속부모 요소는 자신의 스타일을 자식 요소에게 상속할 수 있음속성에 따라 상속 여부가 다름(주로 글자 관련 CSS에서 상속 발생)속성값에 범용 속성값을 넣어 상속을 제어할 수 있음inherit : 부모 요소의 CSS 상속initial : CSS 초깃값 적용unset : 상속 여부에 따라 inherit / initial 동작revert : 브라우저 기본값(유저 에이전트 스타일시트) 적용4. 스타..
2024.08.03