tailieunhanh - Simple CSS - Bài 4: Font Chữ

Simple CSS - Bài 4: Font Chữ Ở bài học trước, chúng ta đã được tìm hiểu về cách định dạng màu chữ bằng CSS. Trong bài này, chúng ta sẽ tiếp tục tìm hiểu thêm về các thuộc tính CSS liên quan tới font chữ của các thành phần trong một trang web. . Thuộc tính font-family: Thuộc tính font-family có công dụng định nghĩa một danh sách ưu tiên các font sẽ được dùng để hiển thị một thành phần trang web. Theo đó, thì font đầu tiên được liệt kê trong danh sách sẽ được dùng để hiển. | Simple CSS - Bài 4 Font Chiï Ở bài học trước chúng ta đã được tìm hiểu về cách định dạng màu chữ bằng CSS. Trong bài này chúng ta sẽ tiếp tục tìm hiểu thêm về các thuộc tính CSS liên quan tới font chữ của các thành phần trong một trang web. . Thuộc tính font-family Thuộc tính font-family có công dụng định nghĩa một danh sách ưu tiên các font sẽ được dùng để hiển thị một thành phần trang web. Theo đó thì font đầu tiên được liệt kê trong danh sách sẽ được dùng để hiển thị trang web. Nếu như trên máy tính truy cập chưa cài đặt font này thì font thứ hai trong danh sách sẽ được ưu tiên. .cho đến khi có một font phù hợp. Có hai loại tên font được dùng để chỉ định trong font-family family-names và generic families. Family-names Tên cụ thể của một font. Ví dụ Arial Verdana Tohama . Generic families Tên của một họ gồm nhiều font. Ví dụ sans-serif serif . Khi lên danh sách font dùng để hiển thị một trang web bạn sẽ chọn những font mong muốn trang web sẽ được hiển thị để đặt ở các vị trí ưu tiên. Tuy nhiên có thể những font này sẽ không thông dụng lắm nên bạn cũng cần chỉ định thêm một số font thông dụng dự phần như Arial Tohama hay Times New Roman và bạn cũng được đề nghị đặt vào danh sách font của mình một generic families thường thì nó sẽ có độ ưu tiên thấp nhất . Thực hiện theo cách này thì sẽ đảm bảo trang web của bạn có thể hiển thị tốt trên bất kỳ hệ thống nào. Ví dụ sau chúng ta sẽ viết CSS để quy định font chữ dùng cho cả trang web là Times New Roman Tohama sans-serif và font chữ dùng để hiển thị các tiêu đề h1 h2 h3 sẽ là Arial Verdana và các font họ serif. Trích body font-family Times New Roman Tohama sans-serif h1 h2 h3 font-family arial verdana serif Mở trang web trong trình duyệt và kiểm tra kết quả. Chúng ta thấy phần tiêu đề sẽ được ưu tiên hiển thị bằng font Arial nếu trên máy không có font này thì font Verdana sẽ được ưu tiên và kế đó sẽ là các font thuộc họ serif. Chú ý Đối với các font có khoảng trắng trong tên như Times New Roman cần được đặt trong dấu

TỪ KHÓA LIÊN QUAN
TÀI LIỆU MỚI ĐĂNG
31    263    0    19-05-2024
20    207    2    19-05-2024
23    166    0    19-05-2024
37    168    0    19-05-2024
75    145    0    19-05-2024
33    139    0    19-05-2024
2    118    0    19-05-2024
8    117    0    19-05-2024
crossorigin="anonymous">
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.