Home  >  Article  >  Web Front-end  >  Setting the font size of HTML web pages

Setting the font size of HTML web pages

php中世界最好的语言
php中世界最好的语言Original
2017-11-22 15:05:2547598browse

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

7015fcdcdb74f650a0bf86859fb9ae36My font size is 2e6e38b3c62e8df885fe2e3986461aa63

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>

css fontSize words:

Font-size

Syntax structure

div{font-size:20px}

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>

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.

Related reading:

How to use DIV and CSS to make a navigation bar


in HTML How to use checkbo


What are the functions of html comments

The above is the detailed content of Setting the font size of HTML web pages. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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