ruriruriya

CSS 미디어쿼리란? CSS 미디어쿼리는 브라우저의 환경에 따라 CSS 스타일을 적용하는 방법입니다. 미디어쿼리는 @media 키워드로 시작하며, 미디어 유형과 미디어 표현식을 괄호로 묶습니다. @media screen and (max-width: 600px) { /* 화면 너비가 600px 이하일 때 적용되는 CSS */ } 위 예시에서는 화면 너비가 600px 이하일 때 @media 블록 내의 CSS가 적용됩니다. CSS 미디어쿼리 활용방법 CSS 미디어쿼리는 화면 너비, 해상도, 장치 유형 등 브라우저의 환경에 따라 다양한 방식으로 활용할 수 있습니다. 다음은 몇 가지 예시입니다. 화면 너비에 따른 스타일링 화면 너비에 따라 다른 스타일을 적용하는 것은 CSS 미디어쿼리의 가장 기본적인 사용법입니다..

[CSS] 구글 웹폰트 사용법(폰트 굵기 조절 가능) 웹폰트란? 웹페이지를 보는 사람의 컴퓨터에 글꼴이 설치되어 있지 않아도 임시 글꼴을 받아 웹페이지에서도 볼 수 있게 하는 폰트이다. 1. 구글 폰트에 접속한다. fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 언어를 한국어로 바꾼다. 생각보다 한국어는 많지 않다. 3. 마음에 드는 폰트를 선택한 다음 사용할 폰트 굵기 별로 선택한다. 선택하면 우측 Selected family에 추가되는 것이 보인다. HTML에 적용하는 방법(인라인 방법) 4. 추가한 후 Embed 를 클릭하면 첫번째..