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
||
<!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>
submitReset Code