Chapter 7 Notes

REPUBLIC OF NICARAGUA

 

Up

In addition to the notes you have taken for Chapter 7, the following notes are required to be recorded in your Notebook. There are 10 items here to record.

 

Write a font-family substitution string that selects Arial, Helvetica, or any sans-serif font for a <p> element.

p {font-family: arial, helvetica, sans-serif;}

--------------------------------------------------------------------------------------------------------------------------------------

Write a style rule for an <h2> element that specifies bold text that is twice the size of the default font size.

h2 {font-family: arial, helvetica, sans-serif;}

    font-size: 2em;

--------------------------------------------------------------------------------------------------------------------------------------

Write a rule specifying that <p> elements appear as 14-point text with 20-point leading.

p { font-size: 14pt; line-height: 20pt;}

--------------------------------------------------------------------------------------------------------------------------------------

Write a rule defining a division named "note." Specify 12-point bold Arial text on a yellow background.

.note {font-family: arial, helvetica, sans-serif;

       font-size: 12pt;

       font-style: bold;

       bgcolor: yellow;

--------------------------------------------------------------------------------------------------------------------------------------

What three white-space areas can you affect with style rules?

Leading, alignment, letter spacing, word spacing

--------------------------------------------------------------------------------------------------------------------------------------

Write a style rule to create a white-on-black reverse <h1> heading.

h1 {color: #ffffff; background-color: black;}

--------------------------------------------------------------------------------------------------------------------------------------

Write a style rule for a <p> element with a 24-point hanging indent and a 30-pixel margin on the left and right sides.

p {text-indent: -24pt; margin: 30px;}

--------------------------------------------------------------------------------------------------------------------------------------

Rewrite the following rule using the font shortcut property:
blockquote {font-style: italic; font-size: 12pt; line-height: 18pt; font-family: times, serif;}

blockquote {font: italic 12pt/18pt times, serif;}

--------------------------------------------------------------------------------------------------------------------------------------

What is a benefit of increasing the standard text line height?

The line-height property can increase the legibility of your text. Adding to the default line height inserts additional white space between the lines of text. On the computer monitor, increasing the white space helps guide the user’s eyes along the line of text and provides rest for the eye.

--------------------------------------------------------------------------------------------------------------------------------------

What is the size of the text indent and line height in the following style rule?

p {font-size: 12pt; text-indent: 3em; line-height: 150%;}

Text indent is 3 ems, or 36 points and the line height is 1.5 times larger than 12 points, or 18 points

--------------------------------------------------------------------------------------------------------------------------------------

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

R. Stewart Braswell, Webmaster
Last Updated: 20 April 2012