Home > Web Front-end > HTML Tutorial > How to bold fonts with CSS

How to bold fonts with CSS

php中世界最好的语言
Release: 2017-11-20 14:37:30
Original
2764 people have browsed it

Today I will introduce to you how to use CSS to bold the font. When we publish an article, the size and font of the title and text must be different, so we will explain in detail how to use CSS to bold the article. Font, how to control the font thickness of articles.

CSS bolding here refers to controlling the bolding of object through DIV CSS.

Using CSSAttributesWords

font-weight

Object value: from 100 to 900, the most commonly used font-weight The value is bold

font-weight parameter:

normal: normal font. Equivalent to number 400. Declaring this value will cancel any previous setting

bold : Bold. Equivalent to number 700. Also equivalent to the role of b object

bolder: IE5+ Extra bold

lighter: IE5+ Thin

number: IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

For detailed basic bolding knowledge, please go to the font-weight manual in the CSS manual.

Html regular bold tags

In the past, HTML tags that directly bolded objects were as follows:

or < /strong>Both have the same effect.

Bold example, the code is as follows:

 <strong>我被加粗</strong><br />
Copy after login
<b>我也被加粗了</b><br/>
我未被加粗
Copy after login

CSS bold basic technique example

CSS code:

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}
Copy after login

Div html code:

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗
Copy after login

Here, CSS is used to control bold text to bold objects. Therefore, you can generally use this method to bold text objects and titles.

I have told you how to use CSS to control font thickness. Have you learned it?

Related reading

How to modify the font color in html

How to solve the problem of blurry fonts, pictures and graphics drawn on html5 canvas

Font application in web design

The above is the detailed content of How to bold fonts with CSS. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template