본문 바로가기

Python_WEB

(430)
[부스트코스]탭 퀴즈 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
[부스트코스]float 해제 퀴즈 Q> 가상 요소를 이용한 clear 해제에서 그 부모의 :after 속성에 들어갈 속성 값들로 맞는 것은? display: inline-block; clear: right; content: ''; display: inline; clear: right; content: ''; display: inline; clear: both; content: ''; display: block; clear: none; content: ''; display: block; clear: both; content: ''; A> display: block; clear: both; content: ''; www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]IR 기법 퀴즈 Q> 강의 내용 중 요소를 숨기기 위한 CSS 속성 조합을 추천해드렸습니다. 모두 골라주세요. position: absolute; z-index: -1; width: 1px; height: 1px; position: relative; overflow: hidden; clip: rect(0 0 0 0); text-indent: -9999px; margin: -1px; opacity: 0; A> position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org