[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.
[html5] figure 태그, figcaption 태그
[html5] figure 태그, figcaption 태그 책이나 잡지에서 이미지, 차트 등이 나올 때 이를 설명하는 문구와 함께 소개됩니다. figure 요소는 이처럼 사진, 도표, 삽화, 오디오, 비디오, 코드 등을 담는 컨테이너 역할을 하는 태그이고, figcaption 요소는 이에 대한 설명하는 문구를 담는 태그 입니다. figcaption 요소는 선택적이며, figure 요소 안에 사용합니다 (내용 앞 뒤로 올 수 있음) figcaption 요소는 figure 요소에서 한 번만 사용할 수 있으며 figure 안에는 여러 가지의 자식 요소(img, code 등)을 포함할 수 있습니다. ▷ 브라우저 지원 ie 9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, oper..
2015. 1. 20.
