[Học CSS] Bài 07: Định dạng văn bản trong CSS – phần 1

Trong bài này chúng ta sẽ tìm hiểu về việc định dạng văn bản trong CSS ( CSS text). Thì cái này chúng ta cũng đã làm quen qua khá nhiều qua các ví dụ rồi, tuy nhiên nội dung nó còn rất nhiều và bây giờ là lúc tìm hiểu thêm.

Định dạng font chữ

Thì định dạng font chữ bao gồm một số thuộc tính thường dùng như: Loại font, kiểu font (đậm, mảnh) và kích thước font.

Loại font trong CSS (font-family)

Để định dạng loại font cho văn bản, chúng ta sẽ sử dụng thuộc tính font-family và giá trị của font-familytên loại font mà bạn muốn áp dụng. Ở đây mình đề xuất 02 loại font sử dụng phổ biến đó là RobotoArial, còn những loại font khác các bạn tự tìm hiểu thêm.

Vd: Ở đây mình thiết lập cho tiêu đề bài viết là font Roboto, nội dung trong đoạn văn là  Georgia ( mình dùng font này cho nó xấu xấu tí để cho hình dung sự khác biệt với font Arial).

Trong ví dụ trên chúng ta cũng có luôn thuộc tính về kích thước font (font-size), màu sắc font (color).

Kiểu font (font-style)

Sử dụng thuộc tính font-style để làm cho văn bản của bạn có thể in nghiêng. Các giá trị bao gồm: normal (bình thường) và italic (in nghiêng).

In đậm văn bản (font-weight)

Để in đậm văn bản thì bạn sử dụn thuộc tính  font-weight. Giá trị của nó là là từ100,200, 300,….900, số càng lớn thì chữ càng đậm.

Nhưng nếu bạn không thích dùng số thì có thể dùng các giá trị:normal,bold.

Bây giờ chúng ta sẽ làm ví dụ, với yêu cầu: cho chữ trong đoạn văn in nghiêng và có độ in đậm là 700, tiêu đề văn bản in đậm 800:

Trên đây là ví dụ khá đầy đủ về định dạng Font chữ với một số thuộc tính đã nêu ra ở trên. Đúng ra thì mình không viết dài như thế nhưng để các bạn làm quen với cách nhúng CSS vào trong tập tin HTML nên các ví dụ đều đầy đủ nguyên một file HTML.

Bài học trước đó và tiếp theo

[Học CSS] Bài 07: Định dạng văn bản trong CSS – phần 1
Mời bạn oánh giá 😇
- TÁC GIẢ BÀI VIẾT -

Hocban.vn

Tác giả tại Tịnh Nguyễn Blog
Bài viết bạn vừa xem được thực hiện bởi Tịnh Nguyễn, một thanh niên nông thôn, đam mê xe đạp và các máy móc nông cụ. Ngoài ra có thêm sở thích vọc vạch về máy tính và Internet, hiện tại là admin của Hocban.vn. Đây là các bài viết của anh ấy !
Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Viết bình luận theo mẫu

(Các mục bắt buộc được đánh dấu * )