반응형 사이트 - 레이아웃 유형 - 미디어쿼리 작성 시, 스크롤이 생기지 않도록 주의해야한다. 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. 웹디자인연습 - 컨텐츠영역(레이어팝업,탭메뉴) 즐길거리 submenu-1 submenu-1 submenu-1 submenu-1 요금/우대혜택 submenu-2 submenu-2 submenu-2 submenu-2 참여프로그램 submenu-3 submenu-3 submenu-3 submenu-3 이용가이드 submenu-4 submenu-4 submenu-4 submenu-4 소통서비스 submenu-1 submenu-1 submenu-1 submenu-1 이미지1 이미지2 이미지3 롯데월드 소식 1.첫번쨰 소식입니다. 첫번쨰 소식입니다. 첫번째 소식입니다. 2022.03.15 1.첫번쨰 소식입니다. 첫번쨰 소식입니다. 첫번째 소식입니다. 2022.03.15 1.첫번쨰 소식입니다. 첫번쨰 소식입니다. 첫번째 소식입니다. 2022.03.15 1.첫번쨰.. 2022. 3. 15. 웹디자인 연습 - 이미지슬라이드 즐길거리 submenu-1 submenu-1 submenu-1 submenu-1 요금/우대혜택 submenu-2 submenu-2 submenu-2 submenu-2 참여프로그램 submenu-3 submenu-3 submenu-3 submenu-3 이용가이드 submenu-4 submenu-4 submenu-4 submenu-4 소통서비스 submenu-1 submenu-1 submenu-1 submenu-1 이미지1 이미지2 이미지3 /* reset */ *{margin: 0; padding: 0;} li {list-style: none;} a {color: #111; text-decoration: none;} .clearfix::before, .clearfix::after {content: ''; .. 2022. 3. 14. 웹디자인 연습 - 메뉴 영역 즐길거리 submenu-1 submenu-1 submenu-1 submenu-1 요금/우대혜택 submenu-2 submenu-2 submenu-2 submenu-2 참여프로그램 submenu-3 submenu-3 submenu-3 submenu-3 이용가이드 submenu-4 submenu-4 submenu-4 submenu-4 소통서비스 submenu-1 submenu-1 submenu-1 submenu-1 /* reset */ *{margin: 0; padding: 0;} li {list-style: none;} a {color: #111; text-decoration: none;} .clearfix::before, .clearfix::after {content: ''; display: block;.. 2022. 3. 13. 웹디자인 연습 예제 즐길거리 subMenu-1 subMenu-2 subMenu-3 subMenu-4 요금/우대혜택 subMenu-1 subMenu-2 subMenu-3 subMenu-4 참여프로그램 subMenu-1 subMenu-2 subMenu-3 subMenu-4 이용가이드 subMenu-1 subMenu-2 subMenu-3 subMenu-4 소통서비스 subMenu-1 subMenu-2 subMenu-3 subMenu-4 이미지1 이미지2 이미지3 롯데월드 소식 1. 첫번째 목록입니다. 첫번째 목록입니다. 첫번째 목록입니다.2022.03.11 1. 첫번째 목록입니다. 첫번째 목록입니다. 첫번째 목록입니다.2022.03.20 1. 첫번째 목록입니다. 첫번째 목록입니다. 첫번째 목록입니다.2022.05.15 1. 첫번.. 2022. 3. 9. 이전 1 2 3 4 5 6 7 ··· 41 다음
