Chapter 3 Quiz

Question 1

To further the effort to let HTML be used to define the structure of a document only, and not appearance, what was introduced?

Answer 1

Cascading style sheets

Question 2

What is a cascading style sheet?

Answer 2

Code that specifies formatting based styles

Question 3

What are three ways to apply CSS?

Answer 3

inline style, internal style, and external style

Question 4

What is the simplest way to attach a tag?

Answer 4

Using inline styles

Question 5

What is the correct syntax for displaying the level 1 heading “I’m so blue” in blue italics using inline style formatting?

Answer 5

h1 style=”color: blue; font-style: italic;” I’m so blue /h1

Question 6

Where are inline styles defined?

Answer 6

Within the HTML tag

Question 7

An inline style is created by adding what attribute to an HTML tag?

Answer 7

Style attribute

Question 8

A CSS property is separated from its value by what?

Answer 8

Colon and a space

Question 9

Multiple CSS property-value pairs are separated from each other by what?

Answer 9

Semi-colon and a space

Question 10

What does the span tag do?

Answer 10

It allows us to set an inline style for all the content within the tag.

Question 11

What is the drawback of inline styles?

Answer 11

They need to be created within each tag, one-time use, difficult to maintain, harder to read, need to be created everywhere and every time it is needed.

Question 12

How are internal styles different from inline styles?

Answer 12

Internal styles are defined within the head section of the document and not in each individual tag. Internal styles affect the entire page while inline style only affects the tag it is in.

Question 13

Internal styles are defined within what specific tag in the head section of an HTML document?

Answer 13

style

Question 14

If internal styles aren’t defined within an HTML tag, how does the browser know where to apply the style?

Answer 14

By the selector.

Question 15

Within the style tag, what is the type attribute set to in all cascading style sheets?

Answer 15

text/css

Question 16

What are selectors?

Answer 16

Pieces of code that determine what sections of a page are affected by a specific style.

Question 17

After the selector is identified, the property-value pairs are defined and enclosed with what?

Answer 17

Curly brackets

Question 18

What types of selectors are available?

Answer 18

Element name, element and attributes, classes, Ids, and pseudo-classes.

Question 19

What is the benefit of internal styles?

Answer 19

They can be applied through the entire web page, easier to use.

Question 20

What is an element selector?

Answer 20

An element name used to specify style for all instances of that element.

Question 21

Can element selectors be grouped, or must they always be defined individually?

Answer 21

They can be grouped by separating them with a comma h1, h2, h3

Question 22

What does a contextual selector do?

Answer 22

Allows you to specify style under certain conditions. (p a {font-family: Verdana}

Question 23

Regarding selectors, what is a class?

Answer 23

A class is a way to create style that is not tied to a specific tag element.

Question 24

How would you identify a class?

Answer 24

Dot before the name

Question 25

How do you create a class?

Answer 25

Add a class=argument to the opening tag of the element then in the style area, add a style to define the class.

Question 26

In regards to selectors, what is an ID?

Answer 26

It is like a class, but more specific.

Question 27

How would you identify an ID?

Answer 27

The # before the name.

Question 28

What is the difference between a class and an ID?

Answer 28

Classes create styles to more than one type of element or create several different styles for the same element while IDs typically are used only when a specific instance needs a particular style.

Question 29

What is the universal selector and what does it do?

Answer 29

It is the asterisk, selects everything and applies that style.

Question 30

What is a pseudo-class?

Answer 30

They define special relationships and allow style to be applied. For example, first letter, line, and links.

Question 31

When would you use a pseudo-class?

Answer 31

When you want to change the appearance of links or specific text

Question 32

What is an external style sheet?

Answer 32

It is a separate file with an extension of .css that contains the style formatting for all files linked to it

Question 33

What is the benefit of an external style sheet?

Answer 33

It is a separate file with a .css extension that contains the style formatting for all files linked to it.

Question 34

How would you create an external style sheet?

Answer 34

In textEdit, add all the styles that affect the Web pages and save the file with a .css extension.

Question 35

Do external style sheets require the use of selectors?

Answer 35

Yes

Question 36

Do external style sheets require the use of the style tag?

Answer 36

no

Question 37

How do you apply an external style sheet to a HTML file?

Answer 37

Add the link tag to the HTML file.

Question 38

What method of applying CSS would you use if your site were only a page?

Answer 38

Internal style

Question 39

What method of applying CSS would you use if your site had more than a page?

Answer 39

External style sheet

Question 40

When would you want to use the inline style?

Answer 40

To create style for exceptions to the general style information you created in an internal or external style sheet because inline styles always take precedence over internal and external sheets if they overlap.