CSS practical tutorial 2

7. Control text styles
Controls the text style, including the text case and text modifier.
1. Text Case sensitivity
The text case makes it unnecessary for the webpage designer to complete the text case when entering the text. However, after the text is input, you can set the text case as needed.
The basic format is as follows:
Text-transform: parameter
Value range:
· Uppercase: all text is displayed in uppercase.
· Lowercase: lowercase display of all text
· Capitalize: uppercase letters and headers of each word are displayed.
· None: do not inherit the text deformation parameter of the parent.
Note: inheritance refers to the inheritance of HTML identifiers for parameters containing their own identifiers.
2. Text modifier
The main purpose of text modifier is to change the underline when the browser displays text links.
The basic format is as follows:
Text-decoration: parameter
Value range:
· Underline: underline the text
· Overline: overline the text.
· Line-through: adds strikethrough to text.
· Blink: flashing text
· None: No effect is displayed.
8. Control text styles
Controls text styles, including word distance, letter distance, text line spacing, horizontal text alignment, and vertical text indent.
1. Word spacing
Word Spacing refers to the distance between each word in English, excluding Chinese characters.
The basic format is as follows:
Word-spacing: Interval
Values of the interval: points, em, pixes, in, cm, mm, pc, ex, and normal.
2. Letter spacing
Letter Spacing refers to the distance, function, usage, and parameter settings between English letters and words.
The basic format is as follows:
Letter-spacing: letter spacing
3. Line spacing
Line Spacing refers to the vertical distance between the upper and lower line baselines. Generally, the English five-line exercise book is the baseline of the row that the computer considers as the third horizontal line from top to bottom.
The basic format is as follows:
Line-height: line spacing
Line spacing value:
· Number without unit: 1 as the base, equivalent to 100% of the proportional relationship
· Number with length unit: subject to the specific unit
· Proportional relationship
Note: If the text font is large and the line spacing is relatively small, the upper and lower lines may overlap with each other.
4. Horizontal text alignment
Horizontal text alignment can control horizontal text alignment, not only for text content, but also for setting the alignment of images and images.
The basic format is as follows:
Text-align: parameter
Parameter values:
· Left: left alignment
· Right: right-aligned
· Center: center alignment
· Justify: relatively left-right alignment
Note that text-alight is a block-level attribute and can only be used for <p>, <blockquqte>, <ul>,