Comments - Font-Weight

Question 1

CSS Comments

Answer 1

A CSS comment look like this:/* Comment goes here */
Example:
p { 
color: green; 
/* This is a comment */
font-size: 150%;
}

Question 2

Three main sources of style information to form a cascade

Answer 2

• The stylesheet created by theauthor of the page
• Thebrowser’s default styles
• Styles specifiedby the user

Question 3

Inheritance

Answer 3

Inheritance refers to the way properties flow through the page. A child element will usually take on the characteristics of the parent element unless otherwise defined.

For example:

body {
color: green;
font-family: Arial;
}

<p>
This is a text inside the paragraph.
</p>

Question 4

Properties: font-family

Answer 4

The font-family property specifies the font for an element.

Question 5

Two types of font family names

Answer 5

• font family: a specific font family (like Times New Roman or Arial)
• generic family: a group of font families with a similar look (like Serif or Monospace)

Question 6

Generic font families include

Answer 6

Serif
Sans Serif
Monospace

Question 7

Examples of font families include

Answer 7

Times New Roman 
Georgia 
Arial 
Verdana 
Courier New 
Lucida Console

Question 8

Properties: Font-Size

Answer 8

The font-size property sets the size of a font. One way to set the size of fonts on the web is to usekeywords.For examplexx-small,small,medium,large,larger, etc.

Ex:

The CSS:
p.small {
font-size: small;
}
p.medium {
font-size: medium;
}
p.large {
font-size: large;
}
p.xlarge {
font-size: x-large;
}

Question 9

Properties: Font-Style

Answer 9

The font-style property is typically used to specify italic text.

The HTML:<p class="italic">This is a paragraph in italic style.</p>
The CSS:
p.italic {
font-style: italic;
}

Question 10

The three values of the font-style property

Answer 10

Normal
Italic
Oblique

Question 11

Tag for italic font style

Answer 11

<i></i>

Question 12

Properties: Font-weight

Answer 12

The font-weight controls the boldness or thickness of the text.

Question 13

Values that can be set for the font-weight property

Answer 13

Normal
Bold
Bolder
Lighter

E.g.,

The HTML:<p class="light">This is a font with a "lighter" weight.</p><p class="bold">This is a font with a "bold" weight.</p><p class="bolder">This is a font with a "bolder" weight.</p>
The CSS:
p.light { 
font-weight: lighter;
}
p.bold { 
font-weight: bold;
}
p.bolder {
font-weight: bolder;
}

Question 14

Another way to define the “font-weight” property

Answer 14

You can also define the font weight with a number from100(thin) to900(thick), according to how thick you want the text to be.
400 is the same as normal, and 700 is the same as bold.

The HTML:<p class="light">This is a font with a "lighter" weight.</p><p class="thick">This is a font with a "bold" weight.</p><p class="thicker">This is a font with a "700" weight.</p>
The CSS:
p.light {
font-weight: lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 700;
}