본문 바로가기

Python_WEB

(436)
[부스트코스]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
[부스트코스]CSS 리셋 퀴즈 Q> CSS 리셋과 관련된 설명으로 옳은 것은? HTML 이 브라우저에서 렌더링 된 모습은 모두 다르다. CSS 리셋은 인터넷으로 다운로드하여 모든 프로젝트에 동일하게 적용하는 것이 좋다. 부모인 body에 CSS 리셋 속성을 입력하면, 모든 자식 요소가 상속 받기 때문에 일괄 적용할 수 있다. form 관련 요소들은 브라우저 기본 스타일이 가장 적게 적용되어 있어, CSS 리셋하기 쉽다. A> HTML 이 브라우저에서 렌더링 된 모습은 모두 다르다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]웹 접근성 지침 퀴즈 9 Q> 다음 중 ‘마크업 오류 방지 지침’에서 오류가 아닌 것은? (단일선택 , 100점) (1) 로그인 회원가입 회사소개 연혁 찾아오시는 길 (2) 접근성을 준수하여 마크업해야 합니다. (3) 만족도 조사 결과 (4) 인공지능 검색 결과 인간의 학습능력과 추론능력, 지각능력, 자연언어의 이해 능력 등을 컴퓨터 프로그램으로 실현한 기술로 요약할 수 있다. (1) (2) (3) (4) A> (2) www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org