mino28 님의 블로그

1. 미디어쿼리미디어쿼리는 웹 페이지가 다양한 장치(예: 데스크톱, 태블릿, 스마트폰 등)의 화면 크기나 해상도에 맞게 스타일을 다르게 적용할 수 있도록 도와주는 CSS 기능이다. @media 규칙을 사용하여 특정 조건(화면 너비, 높이, 방향 등)에 따라 CSS를 분기하여 반응형 웹 디자인을 구현할 수 있으며, 이를 통해 사용자에게 보다 최적화된 화면 구성을 제공한다. @media (조건) { /* 이 조건에 맞을 때만 적용될 CSS */} 주요 미디어쿼리 조건 화면 크기에 따라 배경색이 달라집니다 브라우저 크기를 조절해보세요! 2. 미디어쿼리 활용아래 파일 이미지를 다운받는다. 아래 코드를 ./css/media.css에 저장한다. #container { width: 100%;}heade..

1. div 태그는 HTML에서 웹 페이지의 구조를 나누거나 묶을 때 사용하는 대표적인 블록요소이다. 의미를 가지지 않는 비어 있는 컨테이너로, 주로 CSS를 활용하여 레이아웃을 구성하거나 스타일을 적용하기 위한 용도로 사용된다. div는 한 줄 전체를 차지하며, 내무에 텍스트, 이미지, 버튼 등 다양한 요소를 포함할 수 있고, width, height, margin, padding, background-color 등의 CSS 속석과 함께 사용할 때 그 역할이 더욱 분명해진다. div 예제 이것은 div입니다. 또 다른 div입니다. 2. spanspan 태그는 HTML에서 텍스트나 인라인 요소를 감싸서 특정 부분에 스타일을 적용하거나 구분할 때 사용하는 인라인 요소이다. 의미를 가지지 않는 태그..