Phông chữ đậm CSS

Trong hầu hết các trường hợp, bạn sẽ sử dụng từ khóa in đậm để in đậm phông chữ bằng thuộc tính font-weight. Nhưng nếu bạn muốn áp dụng các mức độ đậm nhạt khác nhau, bạn có thể sử dụng bội số của 100

Also, you can use inline CSS for elements and can use and elements to make the text heavy in a paragraph. Below are the examples:

1. Sử dụng Thuộc tính font-weight trong Phần đầu

Đối với font-weight, bạn chỉ định số xác định độ đậm của phông chữ. bình thường, đậm, đậm hơn, nhạt hơn hoặc bội số của 100 từ 100 đến 900, với 400 tương đương với bình thường. Đậm hơn và nhẹ hơn có liên quan đến phần tử gốc

Trong CSS, thuộc tính font-weight của CSS có thể được sử dụng để in đậm văn bản theo nhiều cách khác nhau. Giá trị của thuộc tính font-weight xác định cường độ của văn bản in đậm trong CSS. Bài đăng này cung cấp một minh họa về cách làm cho văn bản được in đậm trong CSS. Thuộc tính font-weight chấp nhận các giá trị cụ thể cũng như số để đun sôi văn bản trong CSS

Khi bạn đang xây dựng một trang web, bạn có thể muốn nhấn mạnh đặc biệt vào một số văn bản nhất định để cho người dùng biết rằng nó quan trọng

Và bạn có thể làm điều này trong HTML với các thẻ định dạng văn bản khác nhau

Trong bài viết này, tôi sẽ hướng dẫn bạn cách nhấn mạnh một số văn bản bằng cách in đậm

Trong HTML, có ba cách chính mà bạn có thể sử dụng để in đậm văn bản. Bạn có thể sử dụng thẻ

Before paying to learn programming, check out freeCodeCamp.

7, thẻ

Before paying to learn programming, check out freeCodeCamp.

8 hoặc bạn có thể làm điều đó trong CSS với thuộc tính

Before paying to learn programming, check out freeCodeCamp.

9. Hãy xem xét từng phương pháp chi tiết hơn

Cách làm đậm văn bản với thẻ

Before paying to learn programming, check out freeCodeCamp.

7 trong HTML

HTML cung cấp cho chúng ta thẻ

Before paying to learn programming, check out freeCodeCamp.

7 để in đậm văn bản. Để in đậm văn bản với thẻ này, bạn cần bao quanh văn bản như thế này

This text is bold, but this text is not.

Phông chữ đậm CSS

Như bạn có thể thấy trong hình, thẻ làm nổi bật một phần văn bản

Cách làm đậm văn bản bằng thẻ

Before paying to learn programming, check out freeCodeCamp.

8 trong HTML

Với thẻ

Before paying to learn programming, check out freeCodeCamp.

8, bạn không chỉ in đậm văn bản – bạn đang đặc biệt chú ý đến nó

Before paying to learn programming, check out freeCodeCamp.

8 cũng làm cho văn bản được in đậm giống như thẻ

Before paying to learn programming, check out freeCodeCamp.

7, nhưng có một chút khác biệt giữa hai. Tôi sẽ thảo luận điều này sau trong bài viết

Cũng giống như thẻ

Before paying to learn programming, check out freeCodeCamp.

7, bạn cần bọc thẻ

Before paying to learn programming, check out freeCodeCamp.

8 xung quanh văn bản để làm cho văn bản được in đậm.

Before paying to learn programming, check out freeCodeCamp.

Phông chữ đậm CSS

Với thẻ

Before paying to learn programming, check out freeCodeCamp.

8, văn bản

Before paying to learn programming, check out freeCodeCamp.

6 không chỉ được in đậm mà còn có ngữ nghĩa và nhấn mạnh

Cách tạo chữ đậm bằng thuộc tính CSS

Before paying to learn programming, check out freeCodeCamp.

9

Thuộc tính font-weight nhận các giá trị

Before paying to learn programming, check out freeCodeCamp.

8,

Before paying to learn programming, check out freeCodeCamp.

9 và

This is a lighter text.

This is a bold text.

This is a bolder text.

0. Nó cũng nhận các số từ 100 đến 900. Vì vậy, với nó, bạn không chỉ làm đậm văn bản mà còn có thể làm cho văn bản nhạt hơn so với văn bản xung quanh

Để in đậm một số văn bản với thuộc tính trọng số font-weight, bạn cần chọn văn bản có lớp, id (nếu có) hoặc thành phần của nó rồi áp dụng các giá trị bạn muốn. Đây là cách nó hoạt động

This is a lighter text.

This is a bold text.

This is a bolder text.

 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

Phông chữ đậm CSS

Bạn có nên sử dụng

Before paying to learn programming, check out freeCodeCamp.

7,

Before paying to learn programming, check out freeCodeCamp.

8 hoặc

Before paying to learn programming, check out freeCodeCamp.

9 để in đậm văn bản không?

Bạn có thể tự hỏi nên sử dụng cái nào để in đậm văn bản –

Before paying to learn programming, check out freeCodeCamp.

7,

Before paying to learn programming, check out freeCodeCamp.

8 hoặc thuộc tính CSS

Before paying to learn programming, check out freeCodeCamp.

9

Nói chung, bạn nên tránh sử dụng

Before paying to learn programming, check out freeCodeCamp.

7 vì nó đã là một phong cách. Khi bạn in đậm văn bản bằng thẻ

Before paying to learn programming, check out freeCodeCamp.

7, bạn đang yêu cầu trình duyệt in đậm văn bản ngay từ HTML

Before paying to learn programming, check out freeCodeCamp.

8 cũng làm cho văn bản được in đậm, nhưng đó là ngữ nghĩa. Với nó, bạn không tạo kiểu từ HTML (mà HTML ban đầu không bao giờ có ý nghĩa), mà thay vào đó, bạn đang yêu cầu trình duyệt làm cho văn bản có vẻ ngoài mạnh mẽ hơn so với văn bản xung quanh khác

Thuộc tính CSS

Before paying to learn programming, check out freeCodeCamp.

9 cung cấp cho bạn nhiều quyền kiểm soát hơn đối với mức độ sáng hoặc đậm của văn bản. Các giá trị

Before paying to learn programming, check out freeCodeCamp.

8,

Before paying to learn programming, check out freeCodeCamp.

9 và

This is a lighter text.

This is a bold text.

This is a bolder text.

0 chỉ mới bắt đầu, nhưng bạn có thể tiến thêm một bước bằng cách áp dụng các số/trọng số như
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
4
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
5,
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
6,
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
7,
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
8,
 .lighter {
    font-weight: lighter;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}
9,

Before paying to learn programming, check out freeCodeCamp.

70,

Before paying to learn programming, check out freeCodeCamp.

71 và

Before paying to learn programming, check out freeCodeCamp.

72 làm giá trị, điều này mang lại các biến thể khác nhau

Phần kết luận

Phông chữ đậm giúp bạn nhấn mạnh vào một số từ nhất định trong HTML. Trong bài viết này, bạn đã tìm hiểu về 3 cách khác nhau để bạn có thể in đậm văn bản, cũng như cách nào là tốt nhất để sử dụng

Cảm ơn bạn đã đọc và tiếp tục mã hóa

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Phông chữ đậm CSS
Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng


Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

CSS cho in đậm là gì?

400 – Bình thường. 500 – Trung bình. 600 – Nửa đậm (Đậm) 700 – Đậm.

Phông chữ đậm có trọng lượng 700 không?

Làm cách nào để in đậm văn bản trong HTML?

- Chữ in đậm. - Văn bản quan trọng. - Chữ nghiêng. - Văn bản được nhấn mạnh

Kiểu chữ in đậm là gì?

Đậm là một trong những độ dày phổ biến nhất của kiểu chữ, luôn có nét đậm hơn phiên bản thông thường/thẳng đứng . In đậm thường được dùng để nhấn mạnh.