Name: 
 

Hour 14 - Using Style Sheets for Page Layout - Study Guide



True/False
Indicate whether the statement is true or false.
 

 1. 

The <p> and <div> tags are considered block elements.
 

 2. 

The <span> tag is considered an inline element.
 

 3. 

Absolute positioning is the default positioning approach used by CSS, so if you don’t specify the positions of a style rule, it will default to absolute positioning.
 

 4. 

Relative positioning allows you to set the exact position of HTML content on a page.
 

 5. 

As with most things in life, with freedom comes responsibility.
 

 6. 

If elements of a web page  overlap, you can use the z-index to determine which element is on top and which element is on bottom.  Elements with higher z-index values will appear on top of elements with lower z-index values.
 

 7. 

The type of positioning used by a particular style rule is determined by the position property, which is capable of having one of the following two values: relative or absolute.
 

 8. 

After specifying the type of positioning for a style rule, you can then provide the specific position using the following properties:
      left
      right
      top
 

 9. 

Using relative positioning in a div style rule it is possible to overlap several elements.  That is, if you have more than one div style you can have one overlap the other.
 

 10. 

Although the name z-index might sound a little strange, it refers to the notion of a third dimension (Z) that points into the computer screen, in addition to the two dimensions (X and Y) that go across and down the screen.
 

 11. 

Regardless of the z-index value you set for a style rule, an element displayed with the rule will always appear on top of its parent.
 

 12. 

Style sheet margins allow you to add empty space around the inside of the rectangular area for an element on a web page.
 

 13. 

If you want to set all the margins (top, right, bottom, left) for a style rule, you’ll probably want to simplify the code and use the margin property, instead of margin-top, margin-right, margin-bottom, and margin-left.
 

 14. 

Similar to margins, padding is used to add extra space to elements.  However, padding differs from margins in that padding adds space outside the rectangular area of an element as apposed to inside it.
 

 15. 

Using the following example of setting padding to a rectangular area would cause the area to have 12px and 8px padding respectively on the top and right sides of the area only.
padding: 12px 8px;
 

 16. 

The text-align property aligns an element horizontally with its bounding area, and it can be set to left, right, center, or justify.
 

 17. 

The float property is used to control how text flows around an element.  It can be set to either top or bottom.
 

Matching
 
 
Following are the acceptable values for use with the vertical-align property.  Match them with the correct description from below.
a.
top
e.
baseline
b.
middle
f.
text-bottom
c.
bottom
g.
sub
d.
text-top
h.
super
 

 18. 

Aligns an element as a subscript of its parent.
 

 19. 

Aligns the middle of an element with the middle of its parent.
 

 20. 

Aligns the top of an element with the top of its parent.
 

 21. 

Aligns the top of an element with the current line.
 

 22. 

Aligns the bottom of an element with the bottom of its parent.
 

 23. 

Aligns an element as a superscript of its parent.
 

 24. 

Aligns the baseline of an element with the baseline of its parent.
 

 25. 

Aligns the bottom of an element with the current line.
 



 
Check Your Work     Start Over