Setting the font size of HTML web pages-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

Setting the font size of HTML web pages

php中世界最好的语言

Nov 22, 2017 pm 03:05 PM

html set up

There are many ways to set the font size of HTML web pages. Today I will mainly introduce two methods to you. One is to set the font size in HTML with CSS, and the other is to set the style in the html tag . PropertySets the font size.

Next, we will introduce the font size setting tutorial through html case.

html font tag sets font size

Before css, html Chinese text sets the font. Usually, the font tag is used directly to set the font size style for the text.

1. HTML text size font syntax structure

My font size is 2

Explanation: Use font directly Set the size in the label to set the font size. Please note that it cannot contain units. Generally, 2 is equivalent to 12px, 3 is equivalent to 14px, and so on.

2, html font font size case html source code

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>在线演示</title> 
</head> 
<body> 
<font size="2">在线演示测试<font size="4">文字</font>， 
欢迎访问网站！</font> 
</body> 
</html>

Copy after login

css fontSize words:

Font-size

Syntax structure

div{font-size:20px}

Copy after login

Set the font size of the text in the div to 20px

It should be noted that css using font-size to set the font size value needs to have units, such as px (pixels), EM (relative length size unit), generally uses px pixels as the unit (Understand the html unit).

Set the text size in a DIV box to 14px through css, and set the font size of several words in the div box to 20px.

The complete HTML CSS font size example code is as follows:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>在线演示</title> 
<style> 
.box{ font-size:14px} 
.box .f20{ font-size:20px} 
</style> 
</head> 
<body> 
<div class="box"> 
在线演示测试<span class="f20">文字</span>，欢迎访问网站！ 
</div> 
</body> 
</html>

Copy after login

There are so many ways to set web fonts in HTML. I believe everyone must have understood it. Friends in need can save it. Please also Please continue to pay attention to other updates on this site.