HTML怎么设置字体大小_HTML字体大小的CSSfontSize属性单位和用法

嘿,谈论 HTML 中的字体大小设置,这真的很有趣。
我记得2 02 2 年我在某个城市做一个项目,那一刻我对它有了深刻的了解。
当时,我在页面上设置了一个标题。
我希望它看起来特别引人注目,所以我使用单位像素、px 和不会因页面缩放而改变的固定尺寸。
当时我写的是font-size:1 6 px;,但是字体实际上高达1 6 像素高。

后来我发现em单位也蛮有用的。
它是一个相对单位,取决于父元素的字体大小。
我有一个子元素并将其设置为 font-size:1 .5 em;这样子元素的大小就是父元素大小的1 .5 倍。
当时我有点困惑,但后来我意识到这个东西在响应式设计中特别有用。

后来接触了rem单位。
这个单位是相对于根元素的,即字体大小。
这个东西不受parent影响,可以全局控制,特别方便。
我记得当时写的是{font-size:1 6 px;},还有其他元素font-size:2 rem;,这样整体布局就特别协调。

还有百分比单位%,是相对于父元素字体大小的百分比。
然后我尝试了一下,写了font-size:8 0%;。
结果,字体大小为主要元素的 8 0%。

关于设置方法,我尝试了内联样式,直接将style属性写在HTML标签中,例如font-size:1 8 px;。
我还尝试了在 HTML 文件的