Python_WEB (436) 썸네일형 리스트형 [부스트코스]반응형 웹 - PC용(기본) 제작 퀴즈 Q> 반응형 웹에서 해상도에 따른 분기법으로 미디어 쿼리를 사용합니다. 그렇다면 이번 강의에서 기본 내용을 담게 되는 PC버전은 어떤 방식으로 분기가 된 내용에 담겨야 할까요? @media screen and (max-width: 768px) @media screen and (max-height: 768px) and (orientation: landscape) @media print and (orientation: portrait) 분기처리 하지 않는다. @media screen and (max-height: 768px) A> 분기처리 하지 않는다. www.boostcourse.org/web344/ 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]반응형 웹 소개 퀴즈 Q> "이것"은 브라우저에서 제공해주는 기능 중에 하나로 개발을 할 때 필요한 여러 가지 정보들을 보여줍니다. 이번 강의에서 반응형 웹이 잘 되는지 확인하기 위해 사용하기도 한 이것의 보편적인 이름은 무엇인가요? 개발자도구 디자이너도구 마크업도구 HTML탐색기 CSS탐색기 A> 개발자도구 www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]폼 커스텀 - SELECT 메뉴 퀴즈 Q> select 태그의 기본 버튼의 모양을 없애기 위해서 사용하는 속성값을 제대로 사용한 코드는 무엇인가? appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: button; -moz-appearance: button; -webkit-appearance: button; opacity: none; -moz-opacity: none; -webkit-opacity: none; transform: none; -moz-transform: none; -webkit-transform: none; transform: button; -moz-transform: button; -webkit-transform: button; A> ap.. [부스트코스]폼 커스텀 - 파일찾기 퀴즈 Q> 타입의 태그는 버튼과 선택된 파일명이 나오는 형태를 커스텀 하기가 쉽지 않기 때문에 커스텀 된 내용 위에 투명하게 만들어서 선택이 되도록 해야 한다. 해당 태그를 투명하게 하기 위한 속성과 속성값은 무엇인가? opacity: 0; opacity: 1; visibility: hidden; visibility: visible; display: none; A> opacity: 0; www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]폼 커스텀 - 체크박스, 라디오 퀴즈 Q> 선택1 위와 같이 HTML이 구성되어 있다. 체크 박스를 체크했을 시에 label의 스타일을 변경할 수 있는 선택자는 무엇인가? input[type='checkbox'] + label input[type='checkbox']:checked, label input[type='checkbox']:checked label input[type='checkbox']:checked + label input[type='checkbox'] label A> input[type='checkbox']:checked + label www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]폼 커스텀 - 텍스트 박스 퀴즈 Q> input과 textarea 등과 같은 텍스트 필드에 기본 문구를 설정하기 위한 속성 값은? class type id for placeholder A> placeholder www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]레이어 팝업 실습 퀴즈 Q> 레이어 팝업을 화면에서 중앙 정렬 하기 위한 방법으로 틀린 것은? 팝업 사이즈가 가변일 경우, {position: absolute; margin: auto;} 팝업 사이즈가 가변일 경우, {display: inline-block; vertical-align: middle; text-align: center;| 팝업 사이즈가 가변일 경우, {display: table;} {display: table-cell} 팝업 사이즈가 고정일 경우, {position: absolute; margin: 마이너스 값;} A> 팝업 사이즈가 가변일 경우, {position: absolute; margin: auto;} www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boost.. [부스트코스]팝업 소개 퀴즈 Q> (일반, 모달(레이어), 얼럿(시스템)) 팝업에 대한 설명 중 틀린 것은? 일반 팝업은 새 창으로 뜨는 웹 페이지기 때문에 고유의 URL을 가지고 있다. 얼럿(시스템) 팝업은 HTML, CSS 작업이 필요 없다. 모달(레이어) 팝업은 현재 웹 페이지 내에서 숨겨져 있던 마크업 요소를 보여주는 방식이다. 팝업은 모두 button 태그를 통해 띄우는 것이 좋다. A> 팝업은 모두 button 태그를 통해 띄우는 것이 좋다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org 이전 1 2 3 4 5 ··· 55 다음