본문 바로가기

Python_WEB

(434)
[부스트코스]표의 접근성 퀴즈 Q> 다음 중 틀린 코드는? A> www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]표 소개 퀴즈 Q> 테이블 태그에 대한 설명으로 틀린것은? 테이블 태그를 이용하여 전체 페이지 레이아웃을 구성하기도 한다. 테이블은 흔히 알고 있는 표를 그릴 때 사용한다. 표 형태의 UI 이더라도 다른 태그로 의미있는 마크업을 할 수 있다면, 테이블 태그를 꼭 사용하지 않아도 된다. 테이블 태그는 일반 블럭 요소와 다르다. A> 테이블 태그를 이용하여 전체 페이지 레이아웃을 구성하기도 한다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]이미지 목록 추가 기능 퀴즈 Q> 앵커 이외의 요소에서도 사용 가능한 가상 클래스를 고르시오. :hover :active :link :visited A> :hover www.boostcourse.org/web344/ 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]이미지 목록 퀴즈 Q> 여러 줄 말줄임 처리 시 사용되는 css 속성 중 적절하지 않은 것은? white-space: nowrap display: -webkit-box -webkit-box-orient: vertical -webkit-line-clamp: 2 A> white-space: nowrap www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]탭 퀴즈 Q> 한 줄 말줄임 처리 시 사용되는 css 속성 중 적절하지 않은 것은? overflow: hidden white-space: nowrap text-overflow: ellipsis box-sizing: border-box A> box-sizing: border-box www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]2단 메뉴 퀴즈 Q> 2단 메뉴에서 서브 메뉴명과 동일한 길이를 가지는 하단 라인 생성을 위해 에 적용할 가상 선택자로 올바른 것은? :after :link :hover :active A> :after www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]1단 메뉴 퀴즈 Q> 다음 중 메뉴를 동일한 넓이와 간격으로 배치하기 위해 사용하는 display 유형을 선택하세요. block inline-block table/table-cell none A> table/table-cell www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]고정 레이아웃 제작 퀴즈 Q> header content footer 위와 같은 HTML로 콘텐츠의 내용의 길이에 상관없이 header를 상단에 고정되는 레이아웃을 구성하려고 할 때 필수적인 css 구성 중에 맞는 것은? .header {position: fixed; top: 0;} .header {position: fixed; bottom: 0;} .header {position: absolute; bottom: 0;} .header {position: relative; top: 0;} .header {position: fixed; top: 0; bottom:0;} A> .header {position: fixed; top: 0;} www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.bo..