css 2

position의 속성들과 특징

position 속성HTML 문서 상에서  글의 흐름에서 벗어나서 요소를 자유롭게 배치할 때 사용되는 속성으로,많은 경우, position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용되며 4면의 값이 같은 경우 inset으로 통일해서도 사용합니다. 이러한 속성을 이용한다면 다양한 요소들을 자유롭게 배치할 수 있고, 레이아웃을 세밀하게 제어할 수 있게되며, 다양한 디자인 효과를 구현할 수 있습니다. position: staticposition의 기본 값으로 static이고, static인 경우 원래 있어야 할 위치에 배치됩니다.HTML에 작성된 순서 그대로 브라우저 화면에 표시가 되기 때문에 top, left, bottom, right 속성값은 p..

css 2024.05.27

CSS의 Cascading

캐스케이드 (Cascade) 폭포, 위에서 아래로 쏟아지는이라는 뜻을 가진 단어로, 한국어로 "종속"이라고 번역합니다.HTML요소는 하나 이상의 스타일에 영향을 받을 수 있는데 어떤 스타일을 적용 받을지에 대한 우선순위가 정해져야합니다. 이를 Cascading이라고 합니다.  캐스캐이딩 (cascading)은 다음 3가지에 의해 결정 됩니다.CSS가 어디에 선언되어있는지 (중요도)대상을 명확하게 지정할수록 (명시도)코드 순서중요도CSS의 선언 위치에 따라서 우선순위가 결정되는데, 기본적으로 브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮습니다. 브라우저 기본 CSS가 써져 있어도 우리가 style.css..

css 2024.05.20