風格h1裏面的div

Question

我想在div裏面設計一個h1的標題，但不管我嘗試什麼，它總是保持大膽。

js fiddle

HTML

<div class="header"> 
<h1> Hello World </h1> 

CSS

.header h1{ 
font-style: normal; 
color: grey; 
} 

Answer 1

font-style具有nothing to do with bold：

的字體風格的CSS屬性允許斜體或傾斜面被一個字體家庭內選擇。

你想font-weight instead：

字體重CSS屬性指定字體的粗細和氣魄。但是，一些字體在所有權重中都不可用;有些只能用普通和粗體顯示。

Answer 2

您需要font-weight：

.header h1{ 
    color: grey; 
    font-weight: normal; 
} 

演示：http://jsfiddle.net/h6EtB/2/