• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

How to study your flashcards.

Right/Left arrow keys: Navigate between flashcards.right arrow keyleft arrow key

Up/Down arrow keys: Flip the card between the front and back.down keyup key

H key: Show hint (3rd side).h key

A key: Read text to speech.a key

image

Play button

image

Play button

image

Progress

1/17

Click to flip

17 Cards in this Set

  • Front
  • Back
  • 3rd side (hint)
For display purposes, every element in a document is considered to be a rectangular box which has a content area surrounded by _______, a ______ and _______.
padding, border, margins
The heading, paragraph, list, and table tags are all considered to be _____ _____ elements.
block level
The hyperlink, , span, and image tags are all considered to be ______ tags.
inline
______ boxes are wrapped as needed, moving down to a new line when the available width is exceeded.
Inline
_____ _____ boxes act as a containing block for any elements within them.
Block level
If two boxes are placed within another block level box, they are placed one below the other. How are they spaced apart in relation to the margin and border?

a) The distance between the two borders will be the size of whichever margin is the largest.

b) The margins combine to create a height that is the size of both added together.

c) The margins default to zero so that the borders of both are touching.
a) The distance between their two borders will be the size of whichever margin is the largest.
Margin and padding have a shorthand property (shown here) for easier coding. What sizes are these four margins?

margin: 50px 20px 30px 40px;
50 pixels on the top
20 pixels on the right,
30 pixels on the bottom
40 pixels on the left
It is kind of like reading a clock.
If the margin and shorthand property is used with only two values, which values do they specify?
The first sets values for the top and bottom, and the second sets the values for the sides.
If the margin and shorthand property is used with only three values, which values do they specify?
The first sets values for the top, the second sets values for the sides, and the third sets values for the bottom.
True or False. Netscape Navigator always scrolls the background, and ignores the background-attachment property.
True
The background-attachment property accepts two values. These control weather or not the background image scrolls. What are the two values?
scroll and fixed
The background-repeat property controls whether the background image is tiled to fill the background of the element. If the value is repeat, then the image is tiled. If it is repeat-x, then it is tiled only ____________.
horizontally
The background-repeat property controls whether the background image is tiled to fill the background of the element. If the value is repeat, then the image is tiled. If the value is repeat-y, then it is tiled only __________.
vertically
The background-repeat property controls whether the background image is tiled to fill the background of the element. If the value is __-______, then it is not repeated at all.
no-repeat
Netscape Navigator ignores the background-________ property, which sets the offset that the initial background image has from the edge of the padding area of the element.
position
Internet Explorer 5 and 5.5 for Windows misinterprets the box model by putting the border and padding inside the specified width instead of adding them on. If the code without the hack looks like this:

div {
border:20px solid;
padding:30px;
width:300px;
}

What hack would correct this bug?
width:400px;
voice-family: "\"}\"";
voice-family:inherit;
It uses the voice-family property to fix it, and the hack would be added between the padding and the width properties.
What hack is used to allow browsers that support CSS2 selectors, but have the same parsing bug as the IE 5 & 5.5 box model bug, to work properly? Assume that this is the code being used:

div.content {
border:20px solid;
padding:30px;
width:400px;
voice-family: "\"}\"";
voice-family:inherit;
width:300px;
}
html>body .content {
width:300px;
}