Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 将字符大小font-size设置为100%的作用_html/css_WEB-ITnose

将字符大小font-size设置为100%的作用_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:30:24
Original
2507 people have browsed it

将字符大小font-size设置为100%的作用:
在代码中往往有些让人感觉奇怪的代码却能够起到非同寻常的作用，下面就介绍一个关于字体大小的设置问题。
在一些css代码中会有以下代码:

 

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;}
Copy after login

 

在以上代码中讲相应元素的字体大小设置为100%，其实这是由一定理由的。大家知道font-size具有继承性，也就是说子元素会继承父元素的字体大小，但是对于这样的标签却不是这样的，它们会采用自己固有默认的字体展现方式，如果将它们的font-size设置为100%,那么就会参考父元素的字体大小了，于是就实现了继承效果。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12807

更多内容可以参阅:http://www.softwhy.com/divcss/

 

Related labels：
将字符大小font-size设置为100%的作用
source：php.cn
Previous article：Html prevent autoComplete_html/css_WEB-ITnose Next article：querySelector／querySelectorAll选择器两个容易忽略的点_html/css_WEB-ITnose
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
Latest Articles by Author
Latest Issues
Set the bottom to 100% of its own height I want to set up an element so that it is hidden from the page view and its top just touch...
From 2024-04-04 22:41:16
0
1
1438
The question is still the same, but the title is rewritten as follows: My Javascript random function fails to generate valid responses I'm making a simple random number generator game using JS and HTML. In this game you can s...
From 2024-04-03 22:03:14
0
1
275
Add line breaks after two conditions are met: no more than "x" characters and ending with a comma or period I'm working on a small project. The goal of this project is to strip the formatting (doubl...
From 2024-04-03 09:17:09
0
1
283
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template