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

This article is to share with you about how css implements text typesetting. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Text typesetting

Font

We can use the css style to set the font, font size, color and other style properties for the text in the web page.

Body {font-family: "Song style";}

Be careful not to set uncommonly used fonts here, because if the font you set is not installed on the user's local computer, the browser default font will be displayed. (because whether the user can see the font style you set depends on whether the font you set is installed on the user's local computer.)

Now the general web page likes to set "Microsoft yahei", as follows:

Body {font-family: "Microsoft Yahei";}

Or

Body {font-family: "Microsoft Acer";}

Font size, color

You can use the following code to set the font size of the text in the web page to 12 pixels and set the font color to # 666 (gray):

Body {font-size:12px;color:#666}

Bold type

You can use the following code to set the text to be displayed in bold style.

P span {font-weight:bold;}

Italic

The following code enables text to be displayed in the browser in italic style:

P a {font-style:italic;}

In the third grade, I was a timid little girl.

Underline

In some cases, you want to underline the text so that you can visually emphasize the text, which can be achieved using the following code:

P a {text-decoration:underline;}

In the third grade, I was a timid little girl.

Delete Lin

What if you want to set a delete line on a web page? this style is often found on e-commerce websites:

The delete line on the original price in the figure above can be implemented using the following code:

.oldPrice {text-decoration:line-through;} Thank you for your reading! This is the end of the article on "how to realize text typesetting in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

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.