超級基本HTML/CSS格式化

我正在從事一項任務，同時自學代碼。超級基本HTML/CSS格式化

p.important { 
 
    font-size: 1.5em; 
 
    font-weight: 900; 
 
}

<p class="important">Warning: We have no slow lorises here.</p>

這應該是字體大小更改爲150％和大膽的...但它不工作。我的代碼中的其他一切都按我想要的方式運行。但我無法得到這個工作。我錯過了什麼嗎？

來源

2016-01-15 kristijoy81

你在你的body和html中指定了字體大小嗎？將body和html字體大小設置爲100％。 Em的字體大小最接近母體。因此，設置正文和HTML具有100％字體將所有字體設置爲16px – ntgCleaner

它適用於我。 –

嗨克里斯蒂 - 你的代碼是正確的。我爲你設置了一個jsfiddle：[Fiddle]（https://jsfiddle.net/pt46w1mx/） - 請注意代碼在小提琴中工作，所以你可能需要與我們分享更多信息（比如周圍HTML/css） –

font-weight: bold;

你可以試試。請記住，僅僅調用p.important類不會使其覆蓋具有更高分數的繼承類/ id。

您可以試試......

p.important { 
    font-size: 1.5em !important; 
    font-weight: 900 !important; 
}

...去看看，如果你能得到它在所有的工作。

來源

2016-01-15 23:52:11

這是什麼顯示？你的代碼看起來正確。你的風格定義是否在html頭部之內？確保它看起來像這樣

<head> 
 
    <style> 
 
     p.important { 
 
      font-size: 1.5em; 
 
      font-weight: 900; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <p class="important">Warning: We have no slow lorises here.</p> 
 
</body>

來源

2016-01-15 23:52:32 ablanca4

這是舊的做法。現在它不必放在'頭部'內。 – Leo

如果您還沒有 - 你可能需要指定起點字體大小。

當你開始一個新的CSS，你應該設置你的body和html有font-size:100%;。這將確保您的所有文本將從16px開始。然後，當你想要你的文字爲32px時，只需將元素的字體大小設置爲2em;

body, html { 
    font-size:100%; //Sets default font size to 16px; 
} 
p.important { 
    font-size:1.5em; //Is relative from the closest parent with a font-size 1.5*16 = 24px 
}

來源

2016-01-15 23:52:41 ntgCleaner

超級基本HTML/CSS格式化

回答

相關問題