Thẻ H2, H3... được nhiều người nói tốt cho seo nhưng khi dòng văn bản (dài) có gắn thẻ heading sẽ cho cỡ chữ to (size = 18 hoặc size = 14.....), em nhìn thấy khá tức mắt nên muốn giảm tất về size = 12 nhờ plugin TinyMCE Advanced của mã nguồn Wordpress. Tất cả đều tốt nếu không xảy ra khoảng cách giữa các dòng trong thẻ vẫn giữ như cũ (hình 2). Em có câu hỏi nhờ các cụ chỉ giúp Câu hỏi: Làm cách nào để giảm được khoảng cách giữa các dòng trong 1 thẻ heading bất kì về bằng với khoảng cách đoạn văn bản aaaa và bbb (hình)
Cho line-height: inherit nghe bác. Ví dụ : Code: h1, h2, h3 { line-height: inherit; } Nếu thuộc tính bị ghi đè (không có tác dụng) thì thêm ! important. Ví dụ : Code: h1, h2, h3 { line-height: inherit !important; }
Thường thì khoảng cách dòng được set cho đẹp là 1.5 (1 dòng rưỡi) hoặc 1.618 (tỉ lệ vàng) và khoảng đệm phía trên, dưới bằng kích thước font chữ. Nên em hay dùng chung cho các thẻ heading như sau (kích thước font thì tùy mỗi theme và mỗi người) : Code: h1, h2, h3, h4, h5, h6 { line-height: 1.5; margin-top: 1em; margin-bottom: 1em; }
Liệu có thể auto điều chỉnh size cho cỡ chữ của thẻ Heading không bạn? Kiểu như khi thêm thẻ h2 vào dòng bất kì thì nó tự động điểu chỉnh về size = 12 Cảm ơn bạn, mình đã làm được theo cách trên
Cái này CSS làm phát một như bác @Dang đã nói trên. Nhưng trừ khi thớt làm cho người xem chứ web auto thì cần quái gì đẹp đâu. Mà nhồi nhét h1, h2 quá cũng ko tốt đâu