Deck 3: CSS + Visual Hierarchy Flashcards

(26 cards)

1
Q

What does CSS stand for?
A) Cascading Style Sheets
B) Creative Style System
C) Computer Style Syntax
D) Colorful Style Sheets

A

A

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the main purpose of CSS?
A) Structuring content
B) Styling and layout of web pages
C) Managing databases
D) Handling server logic

A

B

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is a CSS rule composed of?
A) Only properties
B) Only selectors
C) Selector and declaration block
D) Tags and attributes

A

C

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What does a selector do in CSS?
A) Defines colors
B) Adds animations
C) Controls layout
D) Targets HTML elements to style

A

D

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Which is an example of an element selector?
A) p
B) .class
C) #id
D) *

A

A

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Which selector uses a dot (.)?
A) ID selector
B) Class selector
C) Universal selector
D) Element selector

A

B

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Which selector uses a hash (#)?
A) Class selector
B) Universal selector
C) ID selector
D) Group selector

A

C

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What does the universal selector (*) do?
A) Targets one element
B) Targets classes only
C) Targets IDs only
D) Targets all elements

A

D

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Which type of CSS is applied inside the <style> tag?
A) Internal CSS
B) External CSS
C) Inline CSS
D) Global CSS</style>

A

A

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Which type of CSS is written directly inside an HTML element?
A) External CSS
B) Inline CSS
C) Internal CSS
D) Embedded CSS

A

B

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Which type of CSS is stored in a separate .css file?
A) Inline CSS
B) Internal CSS
C) External CSS
D) Local CSS

A

C

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the benefit of external CSS?
A) Applies to one element only
B) Harder to manage
C) Slower performance
D) Controls multiple pages from one file

A

D

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Which property sets the background color?
A) background-color
B) color
C) bg-color
D) background-style

A

A

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Which property is used to set text color?
A) background-color
B) color
C) font-color
D) text-style

A

B

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Which property sets an image as a background?
A) background-color
B) background-style
C) background-image
D) image-bg

A

C

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What does background-repeat control?
A) Image size
B) Image position
C) Image attachment
D) Image repetition behavior

17
Q

Which property defines border style?
A) border-style
B) border-width
C) border-color
D) border-radius

18
Q

Which property controls the thickness of a border?
A) border-color
B) border-width
C) border-style
D) border-type

19
Q

Which property adds rounded corners?
A) border-style
B) border-width
C) border-radius
D) border-color

20
Q

What is the shorthand border property used for?
A) Styling text
B) Creating layouts
C) Adding margins
D) Combining border properties in one line

21
Q

What is visual hierarchy?
A) Styling technique only
B) Coding structure
C) Arrangement of elements to guide attention
D) Database design method

22
Q

Which principle uses larger elements to attract attention?
A) Alignment
B) Contrast
C) Size
D) Repetition

23
Q

Which principle uses spacing to group related items?
A) Color
B) Proximity
C) Typography
D) Balance

24
Q

What is the purpose of white space in design?
A) Add color
B) Increase text size
C) Reduce layout
D) Improve readability and focus

25
Which scanning pattern follows a left-to-right, top-to-bottom reading flow? A) F-pattern B) Z-pattern C) Grid pattern D) Circular pattern
B
26
Which scanning pattern is common for text-heavy pages? A) Z-pattern B) Grid pattern C) F-pattern D) Linear pattern
C