CS102-Summary3

Which of the following uses CSS to configure a class called news with red text, large font, and Arial or a sans-serif font? a) news {color: red; font-size: large; font-family: Arial, sans-serif;} b) .news {color: red; font-size: large; font-family: Arial, sans-serif;} c) .news {text: red; font-size: large; font-family: Arial, sans-serif;} d) #news {text: red; font-size: large; font-family: Arial, sans-serif;}

b) .news {color: red; font-size: large; font-family: Arial, sans-serif;}

Which type of CSS is coded in the body of the web page as an attribute of an HTML tag? a. embedded b. inline c. external d. imported

b. inline

Why should you use embedded styles? Where are they placed?

When you want to configure text and color formatting for the entire web page. They are placed in the header section. The <style> tags are used to contain selectors and properties that configure the embedded styles.

Why is it good to configure both text color and background color for a page when using colors other than the default colors?

Visitors might set their browsers to certain colors. It is important to provide good contrast between text and background.

The ____________ element is useful for creating areas on a web page that are embedded within paragraphs or other block display elements.

span

The ____________ CSS property can be used to center text within a block display element.

text-align

The ____________ CSS property can be used to indent the first line of text.

text-indent

List 3 reasons to use CSS on a web page.

1. greater control of typography and page layout. 2. separates style from structure 3. smaller web page docs 4. easier site maintenance

CSS was first proposed as a standard by the W3C in ____________ .

1996

Write code to configure a web page to associate with an external style sheet called mystyles.css

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

Which code associates a web page with an external style sheet?

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

Describe one advantage to using embedded styles instead of inline styles.

Embedded styles are coded in the header and apply to the entire page. It is more efficient than using inline styles to code individual styles on HTML elements.

Why should you use external styles? Where are they placed? How do web pages indicate that they are using external styles?

Used to configure the text and color formatting for some or all of the pages on a website in one file. They are placed in a separate text file that uses .css file extension. Web pages use the <link> tag to indicate they are using external style sheet.

Which of the following configures a background color of #FFF8DC for a web pages using CSS? a. body {background-color: #FFF8DC;} b. document {backround: #FFF8DC;} c. body {bgcolor; #FFF8DC;} d. document {bgcolor: #FFF8DC;}

a. body {background-color: #FFF8DC;}

Which of the following describe two components of CSS rules? a. selectors and declarations b. properties and declarations c. selectors and attributes d. none of the above

a. selectors and declarations

Which property is the CSS property used to set the background color of a web page?

background-color

Which of the following is true if a web page contains both a link to an external style sheet and embedded styles? a. Embedded styles will be applied first, and then the external styles will be applied. b. The inline styles will be used. c. External styles will be applied first, and then the embedded styles will be applied. d. The web page will not display.

c. External styles will be applied first, and then the embedded styles will be applied.

Name the declaration property used to set the font typeface for an area of a web page. a. font-face b. face c. font-family d. size

c. font-family

Which of the following do you configure to apply a style to only one area on a web page? a. group b. class c. id d. none of the above

c. id

Which is a CSS selector? a. an HTML element name b. a class name c. an id name d. all of the above

d. all of the above

Where do you place the code to associate a web page with an external style sheet? a. in the external style sheet b. in the DOCTYPE of the web page document c. in the body section of the web page document d. in the head section of the web page document

d. in the head section of the web page document