HTML中字体大小如何设置

说白了，设置HTML字体大小就是利用CSS的font-size属性。
如何使用它取决于场景 - 选择内部、内部或外部样式表之一，并选择 px、em、rem 或 % 之一作为单位。

扩展一下，先说最重要的：内联样式直接写在标签里，方便临时改变一些文字；内部样式表放置在HTML header中，方便页面使用一组样式；外部样式是通过链接引入的。
我们去年开发的项目中，几百个页面都使用了外部样式表，这样维护起来就省了很多麻烦，尤其是规模达到3 000以上的时候。
还有一点就是选择合适的单位很重要。
px是固定值，比如1 6 px，适合成品页面； em是父元素字体大小的倍数，例如父元素是1 6 px，2 em文本是3 2 px。
然而，当嵌套层数较多时，很容易混淆。
我一开始以为我没有问。
问题，后来发现对于嵌套层数超过5 层的页面，计算出的字体大小不正确； rem 是相对于根元素而言的，更加稳定，更适合响应式设计。
比如根元素是1 6 px，文本2 rem是3 2 px，这样就避免了em继承问题。
现在项目基本都是用这个。
还有另一个重要的细节。
例如，如果使用 JavaScript 动态更改字体，则必须首先获取当前值，将其转换为数字，然后将其递减。
就像之前我们做用户可调字体大小的时候一样，我们使用 getCompulatedStyle 来获取样式，然后用 parseFloat 将其转换为浮点数运算。
否则，从2 直接加上'1 6 px'就会变成'1 6 px2 '，说实话这很混乱。

等等，还有一件事，网站默认的字体大小设置通常是在或者<body>中，比如{font-size:1 6 px}，以此来定义整个页面的基础字体，然后使用rem、em等单位，可以方便地将其他元素链接到根元素进行统一管理。

记忆一个简单的陷阱：CSS选择器的优势！内联样式 > id 选择器 > 类选择器 > 标签选择器。
有时候内部样式写得很清楚，但是页面不生效。
最有可能的是，内联样式造成了麻烦。
您可以直接使用浏览器的开发者工具中的“帐户”面板来查看清楚。

很多人没有注意到这一点。
使用 rem 时，将根元素的 font-size 设置为 1 6 px 并在正文中输入 body{font-size:1 rem} 。
此时正文字体大小为1 6 px。
，其他元素写1 rem表示1 6 px，2 rem表示3 2 px，非常直观。
但如果在body中写入body{font-size:1 .2 rem}，则整个页面的基础字体也会随之改变。
这个逻辑一定要搞清楚。

建议多尝试rem，尤其是制作响应式页面时，兼容性和可维护性都很强。

什么代码可以把字变大

说实话，你对 的解释还蛮有趣的，但说实话，我得收藏两三页才能使用这段代码——这东西在现在的前端圈子里早就被边缘化了。
我记得当我刚入行时，2 008 年左右，我在写电子邮件时仍然使用 标签。
当时IE6 和Firefox 2 还在打架，兼容性才是硬道理。

看这个例子：

这一段的字体大小值为2

，当时其实就是这么用的。
数字越大，字体就越大，简单明了。
但当时我们组里有一个老人。
他总是在群里抱怨：“为什么每次改变字体大小都要写？感觉就像调节音量按钮一样。
当时CSS还没有完全普及，大家都机械地用。

有趣的是，扩展信息中的代码

字体大小是1

，尝试用现在的Chrome或者Firefox打开。
size="1 " 的显示效果其实和 size="3 " 没有太大区别，当时浏览器厂商实现 标签的时候，数字解析还没有那么准确，我记得当时 Firefox 对 的支持比较奇怪，而且 size="2 " 和 size="6 " 之间的区别并不明显，我们在写文档的时候，不得不用 Notepad++ 来替换所有的 。
不然的话，A部分提供的模板就很难改了，我记得2 009 年左右，国内的网站还是有5 0%的使用，但是在那之后，em和px单位就完全没用了
我没有亲自测试过的性能，但我记得当时客户用IE5 打开的时候，所有的字体都还没有那么成熟，所以使用要容易得多，但说实话，当时的网页设计师。
那个时候大概是在教Python。

现在回想这段话，镜头慢，节奏慢，但是你提到的百度百科来源当时还是比较靠谱的。

怎么让html字体变大？

是的，这是两种方法。
size属性很简单，可以直接添加到font标签中。
CSS样式更加灵活，可以全局调整。

1 . size 属性可以直接使用，如下所示：

这是文字！


2 .添加到标签的 CSS 样式，例如：

这是文本！


两种方法都有不同的效果。
由您决定哪个更合适。