• 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

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/6

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

6 Cards in this Set

  • Front
  • Back

A _____ positioned element is always positioned according to the normal flow of the page.



Elements are positioned this way by default

Static



Static positioned elements are not affected by the top, bottom, left, and right properties.

An element with a ______position is positioned relative to the browser window, and will not move even if the window is scrolled

fixed



Fixed positioned elements are removed from the normal flow. The document and other elements behave like the fixed positioned element does not exist.


Fixed positioned elements can overlap other elements.

A ______ positioned element is positioned relative to its normal position:

relative



The content of relatively positioned elements can be moved and overlap other elements, but the reserved space for the element is still preserved in the normal flow.

An ______ position element is positioned relative to the first parent element that has a position other than static.



If no such element is found, the containing block is <html>

absolute



Absolutely positioned elements are removed from the normal flow.


The document and other elements behave like the absolutely positioned element does not exist.


Absolutely positioned elements can overlap other elements.



Using HTML5 and JavaScript, you are creating a virtual desktop for an online storage application. The main web page contains the following markup:

<div id="desktop" style="width:800px;height:600px">
This is your desktop.
</div>


#desktop { background-image: url('images/wood_grain.jpg'); }


The background-image property specifies an image file linked by the url function. By default, the image is tiled both vertically and horizontally to fill the background of an element.



You should not specify the background-attachment property. This property specifies how a background image is displayed relative to the foreground. The valid values are scroll, fixed, and local, and only apply if the background-image property is set.


a

a