AI 요약관련 정보

• HTML, body, 그리고 universal selector는 모두 기본 스타일을 적용하는데 사용되는데, 각 엘리먼트의 범위와 작동 방식이 다릅니다. 🙃
• html은 웹사이트 전체를 나타내는 엘리먼트이지만, body는 웹페이지에 표시되는 콘텐츠 영역을 나타냅니다. 🌎
• body의 높이는 콘텐츠 크기에 따라 달라지며, html은 viewport의 높이를 차지합니다. 🚀
• Universal selector는 모든 엘리먼트를 선택하여 다양한 스타일 적용에 사용됩니다. 🌈
• box-sizing: border-box를 사용하면 박스 모양으로 경계, 패딩, 폰트 크기가 설정된 값을 정확하게 처리해줍니다. 📏
• nth-child 셀렉터를 사용하여 리스트 아이템에 각각 다른 스타일을 적용할 수 있습니다. 📑
• scroll-snap 효과를 사용하려면, overflow:scroll 또는 overflow:auto 속성을 가진 container 요소가 필요합니다. 🕹️