How to set all font properties in one statement

Example analysis:

The font property is a CSS shorthand property used to set all font properties in one statement.

The settable properties are (in order): "font-style font-variant font-weight font-size/line-height font-family"

Description:

●font-style: Specifies the font style.

● Font-variant: Specifies font variants.

● Font-weight: Specifies the font thickness.

●font-size/line-height: Specifies the font size and line height.

● Font-family: Specifies the font family.

● Caption: Defines the font used by caption controls (such as buttons, drop-down lists, etc.).

● icon: Defines the font used by the icon mark.

● Menu: Define the font used by the drop-down list.

●Message-box: Define the font used by the dialog box.

● Small-caption: A small version of the caption font.

● status-bar: Define the font used by the window status bar.

The values of font-size and font-family are required. If other values are missing, the default value will be inserted, if one exists.

Note: The line-height attribute sets the space between rows.

Continuing Learning

new file

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
p.ex1
{
    font:15px arial,sans-serif;
}
p.ex2
{
    font:italic bold 12px/30px Georgia,serif;
}
</style>
</head>
<body>
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a 
    paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a 
    paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX