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.