Python_WEB/HTML (151) 썸네일형 리스트형 [부스트코스]폼 커스텀 - 체크박스, 라디오 퀴즈 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 [부스트코스]표의 Border 속성 퀴즈 Q> 테이블과 CSS border 속성에 대한 설명 중 틀린 것은? CSS border-collapse 속성의 기본 값은 separate이다. tr{border: 1px solid red;} td{border: 1px solid yellow;} 일 경우, tr의 테두리는 td에 가려진다. CSS bordeder-collapse 속성 값에 상관없이 테이블은 같은 방식으로 렌더링 된다. 테이블에 border를 적용하는 것은 크로스브라우징 만큼이나 까다로울 수 있다. A> CSS bordeder-collapse 속성 값에 상관없이 테이블은 같은 방식으로 렌더링 된다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]표와 Position 속성 퀴즈 Q> 테이블 태그에서 CSS position 속성 사용에 대한 설명으로 틀린 것은? 테이블 태그는 브라우저마다 렌더링 하는 방식이 모두 다르다. th, td와 같은 테이블 요소는 position: absolute; 를 사용하여 셀의 위치를 옮길 수 없다. tr {position: relative;} tr td span {position: absolute;} 는 span의 위치를 tr 기준으로 옮길 수 있다. th, td 안에 DIV를 추가하여 position: relative; 를 적용하는 것이 보다 안정적이다. A> tr {position: relative;} tr td span {position: absolute;} 는 span의 위치를 tr 기준으로 옮길 수 있다. www.boostcourse.or.. [부스트코스]표의 접근성 퀴즈 Q> 다음 중 틀린 코드는? A> www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org [부스트코스]표 소개 퀴즈 Q> 테이블 태그에 대한 설명으로 틀린것은? 테이블 태그를 이용하여 전체 페이지 레이아웃을 구성하기도 한다. 테이블은 흔히 알고 있는 표를 그릴 때 사용한다. 표 형태의 UI 이더라도 다른 태그로 의미있는 마크업을 할 수 있다면, 테이블 태그를 꼭 사용하지 않아도 된다. 테이블 태그는 일반 블럭 요소와 다르다. A> 테이블 태그를 이용하여 전체 페이지 레이아웃을 구성하기도 한다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org 이전 1 2 3 4 5 ··· 19 다음
