CSS 4

퀴즈: CSS 우선순위

규칙을 가장 낮은 우선순위부터 높은 우선순위까지 정리해 보세요.p.article#main-container ID 선택자는 클래스 선택자보다 더 높은 우선순위 점수를 얻습니다. 그리고 클래스 선택자는 태그 선택자보다 더 높은 우선순위 점수를 얻습니다. "#main-container"는 ID 선택자, ".article"은 클래스 선택자, "p"는 태그 선택자입니다. 그러므로 가장 낮은 순위부터 높은 순위로 정리하면 "p", ".article", "#main-container"입니다. 규칙을 가장 낮은 우선순위부터 높은 우선순위까지 정리해 보세요.h1.importanth2.important#main-photo힌트 #11 / 3 ID 선택자는 클래스 선택자보다 더 높은 우선순위 점수를 얻습니다. 그리고 클래스 ..

개발/CSS 2018.12.01

퀴즈 : CSS 레이아웃

웹 페이지의 다음 스크린 샷은 2개의 스타일이 적용된 문단을 포함합니다. 아래 표에서 CSS 속성들에 스크린 샷에서 사용된 스타일에 일치하는 값을 대응시켜 보세요:속성값bordermarginpaddingcolorfont-weight4px dashed rgb(219, 28, 28)5px15pxyellowbold힌트 #11 / 1border는 4px dashed rgb(219, 28, 28)입니다.div들 사이에 여백을 주는 margin은 약 5px인 것 같습니다.div 경계와 내부 내용 사이의 공간인 padding은 약 15px인 것 같습니다.color(텍스트 색깔)는 yellow입니다.font-weight는 bold입니다. 다음 웹 페이지의 스크린 샷은 스타일을 만들고 크기가 조정된 이미지를 포함합니다...

개발/CSS 2018.11.30

CSS 퀴즈: 텍스트 속성

아래 표는 CSS font-family 속성값과 그러한 패밀리가 적용된 헤딩의 스크린 샷입니다. 각 폰트 패밀리를 결과에 대응시켜 보세요:family출력값sans-serifserifcursivemonospace힌트 #11 / 1올바른 대응은 다음과 같습니다:familyoutputdescriptionsans-serif"feet"가 없는 부드러운 폰트serif"feet"가 있는 폰트cursive필기체 서체처럼 보이는 폰트monospace모든 문자가 동일한 공간을 차지하는 폰트 텍스트를 굵게 만들기 위해 어떤 CSS 속성을 사용해야 할까요?정답을 한 개 고르세요:정답을 한 개 고르세요:font-stylefont-weighttext-decorationfont-family힌트 #11 / 1텍스트를 굵게 하기 위해..

개발/CSS 2018.11.29

퀴즈: 간단한 CSS 선택자

CSS에서 페이지 상의 모든 태그는 어떻게 선택할까요?정답을 한 개 고르세요:정답을 한 개 고르세요:p { }#p { } { }.p { } CSS에서 이 이미지를 어떻게 id에 의해 선택할 수 있을까요?정답을 한 개 고르세요:정답을 한 개 고르세요:.mainpic { }#mainpic { }img { }mainpic { }힌트 #11 / 1페이지 상의 특정한 id를 갖는 모든 요소를 선택하기 위해 CSS 선택자는 "#" 다음 id이어야 합니다. 이 경우 id는 "mainpic"입니다. 그러므로 다음이 맞습니다:#mainpic { }페이지 상의 모든 이미지을 선택한다면 다음이 맞지만 이 문제가 묻는 것이 아닙니다:img { } CSS에서 어떻게 class 이름이 "warning"인 문단만을 선택할까요?Do..

개발/CSS 2018.11.28