Shulou(Shulou.com)06/01 Report--

This article mainly explains "how css modifies the text". Friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how css modifies the text".

Color property: sets the text color. The usage is as follows:

Color: color valu

The legal color values that can be set by the color attribute include: hexadecimal color value (example: # ffffff), rgb color value [example: rgb], rgba color value [example: rgb, which indicates transparency], hsl color value [example: hsl (120,075%), hsla color value [hsl (120,065%, 75%), 0.3 indicates transparency].

2. The attribute of css text line height (line spacing)

Line-height property: sets the distance between rows (row height). The usage is as follows:

Line-height: valu

Specific cssline-height attribute is how to set the line spacing of text text, you can refer to the previous article [how to set line spacing in css? Css text line spacing setting], I hope it will be helpful to you.

3. Css sets the attribute of horizontal alignment of text.

Text-align attribute: sets the horizontal alignment of the text in the element. The usage is as follows:

Text-align:left | | right | | center | | justify

Left: sets the left alignment of text. Default value: determined by the browser.

Right: sets the right alignment of text.

Center: sets the center alignment of the text.

Justify: achieve the effect of aligning text at both ends.

4. Css text indentation attribute

Text-indent property: sets text indentation.

For more information on how to set text indentation in the csstext-indent attribute, please see [css how to achieve the first line indentation effect. The text-indent property indents the first line].

5. Set the decorative effect of text.

Text-decoration attribute: defines the embellishment that is added to the text.

Description:

This property allows you to set an effect on the text, such as underlining. If the descendant element does not have its own decoration, the decoration set on the ancestor element "extends" to the descendant element.

Usage:

Text-indent:none | | [underline (underscore) | | overline (overline) | | line-through (dash)] | | blink |

None: default value, defining standard text.

Underline: defines a line under the text.

Overline: defines a line on the text.

Line-through: defines a line that passes under the text.

Blink: defines flashing text.

6. the case conversion attribute of text characters

Text-transform attribute: controls the case of text characters.

Usage:

Text-transform:uppercase (all uppercase) | | lowercase (all lowercase) | | capitalize (initials uppercase) | | none

You can refer to the article [how to set the case of letters in css? The text-transform property sets the case of letters], which is described in detail.

7. Attributes of text spacing

Word-spacing attribute: sets the spacing between words or words, the spacing between words = word-spacing+ space size.

Letter-spacing property: sets the interval between letters.

You can refer to the article [how to set text spacing in css? A simple comparison between the word-spacing property and the letter-spacing property], which describes how the word-spacing property and the letter-spacing property set the spacing of text, as well as their differences.

8. Attributes of text shadow

Text-shadow attribute: setting shadows on text

At this point, I believe you have a deeper understanding of "how css modifies the text". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.