Home >Web Front-end >HTML Tutorial >How to set html font size

How to set html font size

coldplay.xixi
coldplay.xixiOriginal
2020-12-08 09:26:4584981browse

Methods to set HTML font size: 1. Add px value after [font-size]; 2. Use inherit to inherit the font size of the parent element; 3. Set several fixed values; 4. Set smaller and larger; 5. Set the percentage form.

How to set html font size

The operating environment of this tutorial: windows10 system, html5 version, DELL G3 computer. This method is suitable for all brands of computers.

Methods to set html font size:

1. The first method: add px value after font-size

How to set html font size

As shown in the figure, the larger the px, the larger the font size

How to set html font size

2. The second type: inherit, inherit the font size of the parent element, for example, the parent element The element is 10px, then the child elements are also 10px

How to set html font size

3. The third type: several fixed values ​​(the default value is medium):

xx- small, x-small, small, medium, large, x-large, xx-large

How to set html font size

4. The fourth type: smaller and larger

This Two are relative to the size of the parent element

How to set html font size

5. The fifth one: in the form of percentage

is also based on the size of the parent element. Percent adjustment

How to set html font size

##Related free learning recommendations:

php programming (video)

The above is the detailed content of How to set html font size. 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