본문 바로가기

Python_WEB/HTML

 (151)
[부스트코스]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
[부스트코스]미디어쿼리 퀴즈 Q> 1. 미디어 타입 중 화면을 출력하는 디스플레이가 있는 미디어에 해당하는 타입을 고르시오. braille embossed print screen A> 1. screen https://www.boostcourse.org/cs120/ 비전공자를 위한 HTML/CSS 부스트코스 무료 강의 www.boostcourse.org
[부스트코스]레이아웃 퀴즈 Q> 1. 다음 중 inline level 요소처럼 배치되지만 block level 요소의 성격을 띄고 있는 display 유형을 고르세요. none inline-block block block-inline 2. 다음 중 요소가 화면에서 영역을 차지하지만 보이지 않게 처리하는 스타일 규칙으로 올바른 것을 고르시오. visibility: none; display: none; display: hidden; visibility: hidden; 3. 다음 중 float에 대한 설명으로 틀린 것을 고르시오. 요소를 보통의 흐름에서 벗어나게 한다. float을 선언하려면 display 속성의 값을 block으로 변경해줘야 한다. 주변 요소들이 floating 된 요소에 영향을 받는다. 속성 값으로 left, rig..
[부스트코스]폰트, 텍스트 퀴즈 Q> 1. 다음 font-family에 대한 설명으로 올바르지 못한 것을 고르시오. family-name은 하나만 선언하여 사용할 수 있다. generic-family를 마지막에 선언해야 한다. 자식 요소에서 font-family 재선언 시 generic-family도 다시 선언해주어야 한다. family-name 에 공백이 있으면 따옴표로 묶어서 선언한다. 2. 아래 코드를 보고 .child의 line-height 값으로 알맞은 것을 고르시오 line-height 값 계산 30px 40px 50px 60px 3. .section 요소의 font-size로 알맞은 것을 고르시오. ... 중략 ... ... 중략 ... 15px 16px 24px 36px 4. normal, bold와 같은 굵기로 표현되는..
[부스트코스]단위, 배경, 박스모델 퀴즈 Q> 1. 색상 값 선언으로 올바르지 못한 것을 고르시오. #a3c rgba(0, 10, 45, 2) #ff3300 rgb(10, 255, 2) 2. background-color, background-repeat, background-attachment, background-position 속성의 기본값이 순서대로 나열된 것을 고르시오. white, no-repeat, auto, center white, repeat, scroll, 0% 0% transparent, repeat, scroll, 0% 0% transparent, no-repeat, auto, center 3. 주변의 다른 요소와의 간격의 변화를 주고 싶을 때 변경해야 하는 영역으로 알맞은 것을 고르시오 padding 영역 margin 영..
[부스트코스]CSS 이해하기 퀴즈 Q> 1. 다음 중 CSS 규칙으로 바른 것을 고르세요. h1 ( font-size: 15px / color: red ) h1 ( font-size: 15px, color: red ) h1 { font-size: 15px; color: red } h1 { font-size = 15px; color = red } 2. 선택자에서 문서 내에 모든 요소를 선택할 수 있는 기호로 알맞은 것을 고르시오. $ # @ * 3. 다음 보기에서 class 선택자와 id 선택자의 설명으로 틀린 것을 고르시오. class 선택자의 기호는 . 이다 id 속성의 값은 문서 내에 유일하게 사용된다. id 선택자의 기호는 # 이다 id 속성의 값은 문서 내에 여러 번 사용될 수 있다. 4. class명에 "button"으로 끝나는..

티스토리툴바