Làm thế nào để xác định kích thước với đơn vị đo lường tương đối cho HTML5 và CSS3 Lập trình - núm vú < Làm thế nào để xác định kích thước với đơn vị đo lường tương đối cho HTML5 và CSS3 Lập trình

Đo lường tương đối là khôn ngoan hơn sự lựa chọn hơn là đo lường tuyệt đối trong phát triển web HTML5 và CSS3. Bạn có thể sử dụng các lược đồ này để thay đổi kích thước trong mối quan hệ với kích thước chuẩn.

Cỡ ​​được đặt tên

CSS có một số tên kích thước phông chữ được xây dựng trong:

xx-nhỏ

x-nhỏ

nhỏ

vừa

lớn

x-lớn < xx-large

Có thể làm phiền bạn rằng không có gì cụ thể hơn về những kích cỡ này: Làm thế nào lớn là lớn? Vâng, nó lớn hơn trung bình. Điều đó nghe có vẻ là câu trả lời lúng túng, nhưng đó là sự thật. Người dùng thiết lập kích thước phông chữ mặc định trong trình duyệt, và tất cả kích thước phông chữ khác phải có liên quan đến kích thước cài sẵn này. Kích thước trung bình là kích thước mặc định của đoạn văn bản trên trang của bạn.

Phần trăm (%)

Phần trăm phần trăm là một phép đo tương đối được sử dụng để xác định phông có quan hệ với kích thước bình thường của nó. Sử dụng 50% để làm cho một phông chữ một nửa kích thước nó bình thường xuất hiện và 200% để làm cho nó hai lần kích thước bình thường. Sử dụng ký hiệu% để biểu thị tỷ lệ phần trăm, như được hiển thị ở đây:

p (font-size: 150%;}

Phần trăm dựa trên kích thước mặc định của văn bản thông thường, do đó thẻ ở 100% văn bản trong một đoạn bình thường.

p (font-size: 1. 5em;}

Đây là những chiến lược tốt nhất cho kích thước phông chữ:

Không thay đổi kích cỡ mà không có lý do chính đáng.

Hầu hết thời gian, các kích thước mặc định của trình duyệt là hoàn toàn tốt, nhưng có thể có vài lần khi bạn muốn điều chỉnh phông chữ thêm một chút.

Xác định kích thước tổng thể cho trang.

• Nếu bạn muốn xác định kích thước phông chữ cho toàn bộ trang, hãy làm như vậy trong thẻ. Sử dụng một kích thước được đặt tên, tỷ lệ phần trăm, hoặc ems để tránh các tác dụng phụ của việc phân loại tuyệt đối. Kích thước được xác định trong cơ thể được áp dụng cho mọi phần tử trong cơ thể một cách tự động. Sửa đổi bất kỳ yếu tố khác.

• Bạn có thể muốn các liên kết của bạn lớn hơn một chút so với văn bản thông thường. Bạn có thể làm điều này bằng cách áp dụng một thuộc tính cỡ font cho một phần tử. Sử dụng phép đo tương đối nếu có thể.