Shong Studio의 정보 창고

CSS의 opacity 속성은 요소의 투명도를 설정하는 데 사용됩니다. 값은 0부터 1까지의 숫자로, 0은 완전히 투명함을 의미하고, 1은 완전히 불투명함을 의미합니다. 중간값을 사용하면 요소가 반투명하게 표시됩니다.opacity의 특징값 범위: 0 → 완전히 투명1 → 완전히 불투명0.5 → 50% 투명 (반투명)영향 범위: 요소 자체뿐만 아니라 그 요소 안의 모든 자식 요소에도 적용됩니다.요소의 투명도를 조절하여 시각적인 효과를 주거나 강조하고자 하는 내용을 돋보이게 하는 데 유용합니다.예시완전히 불투명한 요소 (opacity: 1) 이 요소는 완전히 불투명합니다 (opacity: 1).반투명한 요소 (opacity: 0.5) 이 요소는 반투명합니다 (opacity: 0.5).거의 투명한 요소 (..

CSS에서 display 속성은 요소가 웹 페이지 내에서 어떻게 배치되고 표시될지 결정하는 데 사용됩니다. 여러 종류의 display 값들이 있으며, 가장 많이 사용되는 값들의 특징과 활용 예시는 다음과 같습니다.1. block특징: 요소가 "블록"처럼 작동하여, 가로 전체를 차지합니다.다음 요소는 새로운 줄에서 시작됩니다.대표적인 블록 요소: , , 등.예시:Block 요소새로운 줄에 표시되는 블록 요소2. inline특징:요소가 "인라인"으로 작동하여, 내용물만큼의 가로 너비를 차지합니다.다른 요소들과 한 줄에 배치됩니다.대표적인 인라인 요소: , , 등.예시:Inline 요소옆에 붙어있는 또 다른 인라인 요소3. inline-block특징: inline과 block의 특성을 모두 가지고 있습니다..

CSS에서 overflow는 요소의 내용이 해당 요소의 크기보다 클 때, 그 내용을 어떻게 처리할지를 결정하는 속성입니다. 이 속성에는 hidden, visible, scroll, auto 네 가지 값이 있으며 각각의 기능은 다음과 같습니다:visible: 기본값으로 설정되어 있습니다.요소의 크기보다 내용이 더 커지면 요소 밖으로 내용이 넘치게 됩니다. 그래서 "넘쳐 보이는" 상태가 됩니다.추가적인 스크롤바나 숨겨짐이 없습니다.hidden:요소의 크기보다 내용이 넘칠 경우, 넘치는 부분은 보이지 않게 됩니다.요소 내부의 내용이 잘리지만 스크롤바는 표시되지 않습니다.잘려도 괜찮거나 요소 크기에 딱 맞게 내용을 표시하고 싶을 때 사용됩니다.scroll:내용이 요소의 크기를 넘어가면 스크롤바가 항상 표시됩니다..