Làm thế nào để giảm khoảng cách giữa các dòng trong 1 thẻ heading

Discussion in 'Hỏi Đáp Kỹ Thuật' started by u23, Jul 1, 2020.

  1. u23

    u23 Sơ Nhập Giang Hồ

    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)

    Untitled.png
     
  2. Dang

    Dang Bang Chúng

    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;
    }
     
    xmenvn2510 likes this.
  3. Dang

    Dang Bang Chúng

    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;
    }
     
    xmenvn2510 and u23 like this.
  4. u23

    u23 Sơ Nhập Giang Hồ

    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
     
  5. Dang

    Dang Bang Chúng

    Nếu bác muốn fix cứng như vậy thì thêm đoạn css :
    Code:
    * h2
    {
        font-size: 12pt !important;
    }
     
    xmenvn2510 and u23 like this.
  6. xmenvn2510

    xmenvn2510 Moderator + MiddleMan Staff Member

    Chàng trai @u23 này yếu css quá. {big_smile}
     
    u23 likes this.
  7. u23

    u23 Sơ Nhập Giang Hồ

    Mù code luôn thím ạ {bye}
     
  8. Tony Vu

    Tony Vu Bang Chúng

    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 :D
     
    xmenvn2510 likes this.