Cascading Style Sheets Flashcards

1
Q

What are the two aspects to adding style to a web page via CSS?

A

Declaration & Selector

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

Tells the browser to apply the declared style to the HTML <body> element.

A

Selector

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

The most basic kind of CSS selector. It selects every instance of the corresponding HTML element.

A

Simple type selectors

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

Selects all elements on a page and can be used in combination with other selectors.

A

Wildcard selector

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

You can apply the same declaration to a group of selectors by listing all of the desired selector names separated by commas.

A

Grouping selectors

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

What are the two naming options for an HTML element?

A

ID names & Class names

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

The syntax is similar of that to Grouping selectors, but without the commas.

A

Descendant (Nested) selectors

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

The associated style selectors.

A

Hyperlink (or “anchor) pseudo-class selectors

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

What is the correct order when styling hyperlinks?

A

a.link
a.visited
a.hover
a.active

Lo Ve H A

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

A more specific selector beats out a less specific selector.

A

Cascading

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

What if there is a “tie” regarding how specific the selectors are?

A

In a tie, the last-defined selector wins.

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

How/Where do we add the style declaration to our HTML files?

A
  1. Internal Stylesheet
  2. External Stylesheet
  3. Inline Style
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Put the style declarations in the <head> of HTML text file. Also known as “Embedded” or “Global”.

A

Internal Stylesheet

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

Put the style declarations in a separate text file and then import that text file into your HTML file.

A

External Stylesheet

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

Simply put the style declaration within the HTML tag when it is used.

A

Inline Style

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

Refers to the layout of the items on your page. Also refers to the “position” descriptor in CSS rules.

A

Positioning

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

Controls the transparency of an element and determines how much of a hidden element’s content is visible.

A

Opacity

18
Q

We can make an element’s background partially transparent but keeping the text inside visible by setting the element’s opacity property to a value between _ & _ ?

A

0 and 1

19
Q

Is used to specify the space between the content of an element and its borders.

A

Padding

20
Q

It is a technique for creating page numbers for a website, which allows users to easily navigate between large amounts of content.

A

Pagination

21
Q

To create a pagination element in HTML, you can use either of these two elements.

A

<div> or <ul>
</ul></div>

22
Q

Determines the appearance of the mouse cursor when hovering over an element to which this property is applied.

A

Cursor property

23
Q

Is used to set the color of the text.

A

Color property

24
Q

The default text color for a page is defined where?

A

Body selector

25
Q

Used to set the horizontal alignment of a text. A text can be left or right aligned, centered, or justified.

A

Text-align property

26
Q

When the text-align is set to this, each line is stretched so that every line has equal width, and the left and the right margins are straight (like in newspapers and magazines).

A

Text-align: justify

27
Q

This text-align property specifies how to align the last line of text. Can be right, centered, or justified.

A

Text-align-last

28
Q

Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document.

A

unicode-bidi

29
Q

This property is used to add a decoration line to text.

A

text-decoration-line

30
Q

This property is used to set the color of the decoration line.

A

text-decoration-color

31
Q

This property is used to set the style of the decoration line.

A

text-decoration-style

32
Q

This property is used to set the thickness of the decoration line.

A

text-decoration-thickness

33
Q

Is used to remove the underline from links.

A

text-decoration:none;

34
Q

This property is used to specify uppercase and lowercase letters in text. It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word.

A

text-transform property

35
Q

It is used to adjust the spacing between letters. In the world of design, this is commonly referred to as the tracking of text.

A

letter-spacing property

36
Q

It is used to specify the indentation of the first line of a text.

A

text-indent property

37
Q

Is used to specify the space between lines.

A

line-height property

38
Q

Used to specify the space between the words in a text.

A

word-spacing property

39
Q

Specifies how white-space inside an element is handled.

A

white-space property

40
Q

This property adds shadow to text.

A

text-shadow property