Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the use of the font-weight attribute in CSS

2025-04-05 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

This article mainly introduces what is the use of the font-weight attribute in CSS. It is very detailed and has certain reference value. Friends who are interested must finish it!

The code is as follows

Bold ABCabc123

Bold ABCabc123

Then we apply the font-weight attribute in CSS

How to use the font-weight attribute

Let's first look at the most basic attribute values normal and bold

P.sample1 {font-weight:normal;}

P.sample2 {font-weight:bold;}

Normal is the default value, and the initial value is set to this. Setting the bold value makes the font bold.

Font-weight

Let's take a look at the thickness of the text specified by numbers.

Let's change the above HTML code first.

Bold ABCabc123

Bold ABCabc123

Bold ABCabc123

The CSS code is as follows

P.sample1 {font-weight:200;}

P.sample2 {font-weight:400;}

P.sample3 {font-weight:800;}

The category specified in the value is 100Universe 200Universe 300 Universe 400Universe 500,600,600,600,800,900. In fact, only two are set in the browser, and only the bottom 800 is displayed on the page. (the display is the same as bold when the value is above 700)

The above is all the content of the article "what is the use of font-weight attributes in CSS". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report