gpt4 book ai didi

CSS 字体大小冲突

转载 作者:太空宇宙 更新时间:2023-11-03 19:33:06 25 4
gpt4 key购买 nike

我有一个关于 CSS 字体大小的问题。我有一个 CSS 代码,它指定一行“上面没有太多”的字体大小为 200%。但与此同时,我指定正文的字体大小为 12pt。当我将正文的字体大小更改为 8pt 时,“上面没有太多内容”这一行变小了!当然,更改正文字体大小不应覆盖该特定行的字体大小(我特别要求为 200%。)有人还可以告诉我当我更改 BODY 字体大小时该行的新字体大小是多少到 8pt?是 200% * 8/12 = 133%吗?是这样吗?我绝对是初学者。

    <!DOCTYPE html>
<head>
<link rel="stylesheet" href="mystyle.css">
<style>
p.bigger{font-size:200%}
p.smaller{font-size:10pt}
#intro{color:red}
body{font-size:12pt}
p{color:blue; font:Arial, sans-serif}
h1{color:green}
</style>
</head>
<body>
<h1>Introduction</h1>
<p id="intro">Welcome to my page</p>
<p class="bigger">There is not much on it</p>
<p class="smaller">Except this</p>
<ul>
<li>Short list</li>
</ul>
<h1 style="font-style:italic">Contact</h1>
Here is my address
</body>
<html>

最佳答案

在设置字体大小时,您应该使用 em 而不是 percentages

这是因为 em 值将继承 parent 值(在本例中为 body)。

因此,与 8px12px< 相比,font-size:2em 等同于 200%/.


正文{ 字体大小:8px; }

thisFontSize { 字体大小:2em; }

thisFontSize 将等于 16px

正文{字体大小:12px; }

thisFontSize { 字体大小:2em; }

thisFontSize 将等于 24px


如果你需要它比 body 以外的东西大 2em,你可以这样定义它。试一试这个 fiddle ,因为它可能更有意义。

JSFiddle: http://jsfiddle.net/SinisterSystems/7KR9t/

关于CSS 字体大小冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21192474/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com