본문 바로가기

Python_WEB/HTML

(151)
[부스트코스]이미지 목록 추가 기능 퀴즈 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..
[부스트코스]다단 레이아웃 제작 퀴즈 Q> header content aside footer 위와 같은 HTML이 되어 있고 그 구성을 display: table 속성을 이용하여 2단 레이아웃으로 구성하려고 한다. 2단의 구성이 되는 .content와 .aside에 필수적으로 들어가야 할 속성은 무엇인가. display: table-cell; display: table; display: block; display: inline; display: inline-block; A> display: table-cell; www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]1단 레이아웃 퀴즈 Q> header content footer 위와 같은 1단 레이아웃을 구성 시에 전체 사이트의 가로 길이가 최소 800px에서 줄어들지 않기 위해서 부여하는 css 내용 중에 맞는 것은? .wrap {margin: 0 auto;} .wrap {min-width: 800px;} .wrap {max-width: 800px;} .wrap {width: 800px;} .wrap {max-height: 800px;} A> .wrap {min-width: 800px;} www.boostcourse.org/web344/ 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org