phong cách h1 bên trong một div

Question

Tôi muốn tạo kiểu cho dòng tiêu đề h1 bên trong một div, nhưng không có vấn đề gì tôi thử nó luôn được in đậm.

js fiddle

html

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

css

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

Answer 1

font-style có nothing to do with bold:

Thuộc tính CSS font-style cho phép in nghiêng hoặc xiên phải đối mặt được lựa chọn trong một font-family.

Bạn muốn font-weight instead:

Thuộc tính CSS font-weight xác định trọng lượng hoặc sự táo bạo của phông chữ. Tuy nhiên, một số phông chữ không có sẵn trong tất cả các trọng số; một số chỉ có sẵn trên bình thường và đậm.

Answer 2

Bạn cần font-weight:

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

Demo: http://jsfiddle.net/h6EtB/2/