Xác định khoảng cách dòng giữa các thẻ Tiêu đề

Question

Có cách xác định khoảng cách dòng giữa các tiêu đề hay không. Tôi biết bằng cách sử dụng các thẻ tiêu đề khác nhau (h1, h2, h3) có khoảng cách dòng khác nhau và tôi đã tự hỏi nếu có cách xác định khoảng cách dòng cho tất cả chúng, sao cho chúng nhất quán và linh hoạt trong toàn bộ trang?

Có rất nhiều bài viết về sử dụng ký quỹ và như vậy, nhưng tôi không quá chắc chắn về nó.

Cảm ơn

Answer 1

Nếu bạn không quen thuộc với CSS Tôi khuyên bạn nên đọc một chút: CSS Giới thiệu: http://www.w3schools.com/css/default.asp

CSS như thế này sẽ thiết lập chiều cao dòng cho tất cả các thẻ tiêu đề của bạn:

h1, h2, h3, h4, h5, h6{ 
    line-height: 30px; 
} 

Hoặc điều này sẽ đặt lề trên và dưới cho tất cả các tiêu đề:

h1, h2, h3, h4, h5, h6{ 
    margin-top:20px; 
    margin-bottom:10px; 
} 

Answer 2

Hầu hết các đề nghị sử dụng một line-height của 1,45 cho h1 ~ h6 do đó sẽ là:

h1, h2, h3, h4, h5, h6 { 
    line-height: 1.45; 
} 

Phương pháp khuyến cáo để xác định chiều cao dòng đang sử dụng một giá trị số, được gọi là một "unitless" height dòng . Giá trị số có thể là bất kỳ số nào.