wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

2학년 복습퀴즈-css

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

CSS에서 클래스 네임을 선택자로 쓸때 사용하는 기호는?

a)

#

b)

()

c)

.

d)

class

2.

<div> 의 자손 <img>를 선택자로 바르게 선택한 것은?

a)

div img

b)

div>img

c)

img

d)

div>>img

3.

다음 중 CSS를 HTML 문서에 링크시키는 방법은?

a)

<link rel="styles" href="stylesheet.css">

b)

<link href="stylesheet">

c)

<link rel="stylesheet" src="styles.css">

d)

<link rel="stylesheet" href="styles.css">

4.

CSS문법으로 맞는것은?

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

5.

각 요소들은 박스모델로 구성되어있다. 테두리 밖의 여백을 뜻하는 속성은?

a)

padding

b)

margin

c)

display

6.

flexbox의 속성을 사용하여 유동적으로 배치.정렬 되도록 하려고 한다.

바른 표현 법은?

a)

display: flex

b)

display: inline-block

c)

display: inline

d)

display: block

7.

POSITION 속성의 주요 4가지 속성값은?

a)

broke, right, left, height

b)

static, relative, absolute, fixed

8.

페이지 스크롤링될 때 움직이지 않는 것은?

a)

Sticky

b)

Fixed

c)

Absolute

d)

Relative

9.

flex-direction의 4가지 속성값은?

a)

row | row-reverse | column | column-reverse

b)

height | width | number | percent

10.

다음 그림은 보는바와 같이

'flex-direction : column-reverse' 로 설정되어있다.

다음과 같이 개구리들을 정렬하는 속성과 속성값은?

a)

align-items : space-between;

b)

align-content : space-around;

c)

justify-content : space-between;

d)

justify-content : space-around;