내마음대로만들어보자/HTML52 반응형 사이트 - 레이아웃 유형 - 미디어쿼리 작성 시, 스크롤이 생기지 않도록 주의해야한다. 2022. 4. 7. 반응형 사이트 만들기 - 미디어쿼리 예제 미디어쿼리(MediaQuery) 미디어 쿼리는 화면 크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술입니다. @media only all and (조건문) {실행문} @media : 미디어 쿼리가 시작됨을 표시합니다. only : 미디어 쿼리 구문을 해석하라는 명령어입니다.(생략가능) all : 미디어 쿼리를 해석해야 할 대상을 나타냅니다.(생략가능) all : 모든 미디어 유형에서 사용할 CSS를 정의합니다. print : 인쇄 장치에서 사용할 CSS를 정의합니다. screen : 컴퓨터 스크린에서 사용할 CSS를 정의합니다. aural : 화면을 읽어 소리로 출력해주는 장치에서 CSS를 정의합니다. tv : TV에서 사용할 CSS를 정의합니다. handheld : 손에 들고 다니.. 2022. 4. 7. 반응형 사이트 만들기 - 시맨틱 태크 1. 시맨틱 태크 란 시맨틱 태그는 "의미가 있는 태그"라는 뜻이다. 즉, HTML tag들 중에서도 나름의 의미가 있는 태그들을 말한다. 단, 익스플로어8에서는 지원을 하지 않는다. * 참고 사이트 https://webzz.tistory.com/ @web's Reference HTML/CSS/JAVASCRIPT/JQUERY Reference 사이트입니다. webzz.tistory.com 2022. 4. 7. 웹페이지 만들기 연습 - CookIt CookIt 소개 submenu-1 submenu-1 submenu-1 submenu-1 CookIt 메뉴 submenu-2 submenu-2 submenu-2 submenu-2 리뷰 submenu-3 submenu-3 submenu-3 submenu-3 이벤트 submenu-4 submenu-4 submenu-4 submenu-4 MY쿡킷 submenu-5 submenu-5 submenu-5 submenu-5 이미지1 이미지2 이미지3 전국 어디서나 배달 가능 배달이 안되는 곳은 어디인가? 배송지 검색 전국 어디서나 배달 가능 배달이 안되는 곳은 어디인가? 12:00:00 남은 시간 실시간 베스트 생생한 리뷰 평양식 어복쟁반1 평양식 어복쟁반2 평양식 어복쟁반3 평양식 어복쟁반3 평양식 어복쟁반2 평양.. 2022. 3. 21. 이전 1 2 3 4 5 6 7 ··· 13 다음
