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

This article mainly introduces "brief introduction of CSS text format". In daily operation, I believe many people have doubts about the brief introduction of CSS text format. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "brief introduction of CSS text format". Next, please follow the editor to study!

The CSS text property defines the appearance of the text.

With text properties, you can change the color of the text, character spacing, align the text, decorate the text, indent the text, and so on. Text format

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.

The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the

"try it" link.

Text color

The color property is used to set the color of the text.

Colors are most often specified by CSS:

Hexadecimal value-for example: # FF0000

A RGB value-such as: RGB (255j0p0p0)

The name of the color-e. G. red

The background color of a web page refers to the choice within the body:

Example

Body {color:red;} H2 {color:#00ff00;} h3 {color:rgb

Give it a try »

For the W3C standard CSS: if you define a color attribute, you must also define a background color attribute.

Alignment of text

The text arrangement property is used to set the horizontal alignment of the text.

The text can be centered or aligned to the left or right, with both ends aligned.

When text-align is set to "justify", each line is expanded to be equal in width and the left and right margins are aligned (such as magazines and newspapers).

Example

H2 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}

Give it a try »

Text modification

The text-decoration property is used to set or remove decorations for text.

From a design point of view, the text-decoration attribute is mainly used to remove the underscore of the link:

Example

A {text-decoration:none;}

Give it a try »

You can also decorate the text like this:

Example

H2 {text-decoration:overline;} h3 {text-decoration:line-through;} h4 {text-decoration:underline;}

Give it a try »

We do not recommend emphasizing text that is not a link, as this often confuses the user.

Text conversion

Text conversion properties are used to specify uppercase and lowercase letters in a text.

It can be used to change all words to uppercase or lowercase letters, or to capitalize the first letter of each word.

Example

P.uppercase {text-transform:uppercase;} p.lowercase {text-transform:lowercase;} p.capitalize {text-transform:capitalize;}

Give it a try »

Text indentation

The text indentation property is used to specify the indentation of the first line of text.

Example

P {text-indent:50px;}

Give it a try »

At this point, the study of "A brief introduction to CSS text format" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.