Finals

web page heading area

...

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

span

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

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

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

GIF

which of the following graphic types can be made transparent?

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 HTML5 element has the purpose of providing tangential content?

aside

Which of the following is an example of using a contextual selector to configure the anchor tags within the .nav class?

...

. Which of the following configures a class called nav to float to the left?

. .nav { float: left; }

Which property and value are used to configure an unordered list item with a square list marker?

. list-style-type: square;

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

Which of the following causes an element to display as a block of content with white space above and below?

:onclick

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">

tiled

A background image will automatically be repeated, or ______, by web browser.

thumbnail

A____image is a smaller version of a larger image that usually links to the larger image.

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.

Configure a style with a(n) _____________ if the style will only apply to one element on a page.

ID

text links

If your web page uses graphic links, include _____ at the bottom of the page to increase accessibility

box-shadow

The___CSS3 property configures a drop-shadow effect on an HTML element

meter

The____element displays a visual gauge of a numeric value within a known range.

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.

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.

Favicon

What is the term used to describe a square icon that is associated with a web page and is displayed in the browser address bar or tab?

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.

background-color

Which CSS property configures the background color?

<hr>

Which HTML tag configures a horizontal line on a web page?

alt

Which attribute specifies text that is available to browsers and other user agents that do not support graphics

background-repeat: repeat-y:

Which of the following configures a graphic to repeat vertically down the side of a web page?

padding property

Which of the following configures empty space between the content of the HTML element (typically text) and the border?

<a href="index.html"><img src="home.gif" alt="Home"></a>

Which of the following creates an image link to the index.html page when the home.gif graphic is clicked?

JPG

Which of the following graphic types is best suited to photographs?

They help the browser render the page faster because it reserves the appropriate space for the image.

Why should you include height and width attributes on an <img> tag?

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 of the following properties can be used to clear a float?

clear or overflow

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

5. Use the HTML5 ________ element to configure a

header

The ___________ pseudo-class can be used to modify the display of a hyperlink when a mouse pointer passes over it

hover

If an element is configured with float: right; the other content on the page will appear to its____

left

The _______________ is always transparent.

margin

Which of the following, from outermost to innermost, are components of the box model?

margin, border, padding, content

Which of the following is the rendering flow used by a browser by default?

normal flow

. Which of the following is used to change the location of an element slightly in relation to where it would otherwise appear on the page?

relative positioning