본문 바로가기
반응형

media query2

[css] 미디어 쿼리, @media query 이해하기 [css] 미디어 쿼리, @media query 이해하기 오늘은 반응형 웹에서 자주 사용하는 미디어 쿼리 문법을 배워 보겠습니다. 미디어 쿼리는 장치에 따라 각기 다른 레이아웃을 작성하거나, 다른 미디어 종류에 따라 다른 css 코드를 작성하는 등, 반응형 웹페이지를 작성할 때 유용한 구문입니다. ▶ @media 브라우저 지원 ie9+, chrome 21+, firefox 3.5+, safari 4.0+, opera 9+ ▶ 미디어 쿼리 사용법 미디어 퀴어리 구문은 css에 내부에 삽입하는 방법과, 링크로 연결하는 방법이 있습니다. css 내부에 삽입하기 링크로 연결할 때 *test.css 파일 안에는 위 미디어쿼리 구문이 들어가야 합니다. CSS란? (HTML과 CSS의 차이, CSS 작성법) ▶ 미디.. 2015. 2. 3.
[html/css]외부 문서를 연결하는 link 태그 사용법 [html/css]외부 문서(css)를 연결하는 link 태그 사용법 며칠 전 font-family 속성을 다루면서 [html/css] 글꼴을 지정하는 font-family 속성(serif, sans-serif차이) 외부 스타일시트를 연결하는 태그에 배웠었죠. 오늘은 태그에 대해 상세히 알아보겠습니다. 태그 이름에서도 알 수 있듯이, 태그는 외부의 문서를 연결시키는 태그입니다. 주로 css파일 같은 스타일시트 파일을 연결하거나, 웹 폰트를 사용할 때 폰트가 있는 주소로 연결시킬 수도 있습니다. ▶ 태그 사용법 - 태그는 사이에 넣습니다. - 여러 태그를 삽입할 수 있습니다. - html에서 닫는 태그는 없지만, xhtml에서는 아래처럼 닫습니다. ▶link 태그와 함께 사용할 수 있는 속성 1. href.. 2014. 5. 14.
반응형