html中字体大小怎么设置

html字体大小如何设置

这是一个坑。
不要相信 1 6 px。
不要使用继承。
不要使用大或小。
使用1 .5 rem。
不要这样做。

HTML里怎么设置字体大小

哦，这很简单。
先说一下我当时做了什么。
当时我用的是Dreamweaver 8 ，哈哈，这么老了。

首先，打开Dreamweaver，新建一个HTML页面，然后直接在代码窗口中写入三个段落标签，分别是

...

。
然后我为这三个段落标签中的每一个创建一个类选择器，即类，并命名它们，例如“大字体”、“中字体”和“小字体”。

接下来，您必须转到样式部分，即 CSS 样式表。
在该位置，您可以找到刚刚放置的图层选择器并向其添加样式。
例如，要向“大字体”类添加样式并将字体大小设置为3 0px，只需编写：
css .大字体{ 字体大小：3 0px；
你看，这设置了字体大小。
记住，px后面的数字是像素值，3 0px就是3 0个像素。

当时我不明白为什么人们要用px。
后来我才知道它的意思是像素，代表字体的大小。
更改所需的字体大小后，单击“确定”即可完成。

现在你试试吧。
使用这种方法为不同的段落设置不同的字体大小是很有趣的。
请记住，这只是一个基本方法，将来你将学习更高级的 CSS 技术！

html字体大小怎么设置

说白了，设置HTML字体大小的方法只有五种，但在正确的场景下使用才是关键。

我们先来说说最重要的px。
去年，当我们运行一个电子商务项目时，我们使用了 2 0px 的标题和 1 6 px 的文本。
像素效果是最稳定的，但在移动设备上却是一场灾难。
接下来，我发现当滚动到 3 000 层时，px 元素严重卡住。
用行话来说，这被称为雪崩效应。
事实上，前线的一个小小的延误就导致了后线的一切崩溃。

还有一点关于继承：当我们重构一个政府系统时，我们用它来将整个公文表格的字体统一为1 4 px，从而将代码大小减少了一半。
但有一个细节很重要：去年1 2 月，一位用户向我们反映，小字符看不清，我们才意识到继承会将嵌套的iframe一起继承，这确实是一个陷阱。

还有一个关键字，其细节至关重要。
例如，默认平均值为1 6 px。
不要认为这是理所当然的并且很少使用。
上次我用small做H5 活动文案时，用户甚至不了解活动规则，当然，除非你想专门为幼儿园创建一个网页。
说实话，这很令人困惑。
浏览器对此没有统一的渲染标准。

我一开始以为最大和最小的尺寸是可以精确控制的，但去年测试的时候发现，Chrome和Firefox对“大一级”的定义相差了1 .2 px——等等，还有一件事，这个百分比其实更灵活，但去年缩放到旧版Android机型时，1 2 0%的字体直接变成了2 0px，这让设计师很恼火。

我们建议混合使用 em 或 rem。
实现响应能力并不容易，但值得尝试。

HTML里怎么设置字体大小

哈，设置字体大小很简单。
首先，在 Dreamweaver 中创建一个新的 HTML 页面，然后打开代码窗口并编写三个段落标记，一次一个段落。
每个标签标识一个段落，对吗？
然后为这三个标签中的每一个添加一个类选择器。
这就像为每个段落穿不同的衣服，以便我们以后可以在 CSS 中使用它们。
你可以称它们为“大文本”、“中文本”和“小文本”，这样我们就可以在 CSS 中轻松找到它们。

下一步是为这些类选择器定义样式。
打开 CSS 样式表，然后在“选择器添加样式”部分中输入代码。
例如，要设置“大文本”的字体大小，您可以编写“.large-text{font-size:3 0px;}”。
这个3 0px就是字体大小，单位是像素。
如果您希望字体大小更大或更小，请更改此数字。

就是这样，为每个图层选择器设置字体大小后，单击“确定”，页面上的文本将按照您设置的字体大小显示。
无论您要放大或缩小哪一段，只需为其添加相应的图层选择器即可。
这样，您的网站将会看起来更好并且更易于阅读。
说实话，当时我不太理解这个方法，但是现在我已经习惯了，所以还是蛮方便的。