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

Video: Web Programming - Computer Science for Business Leaders 2016 2025

Nhiều lần, bạn cần xác định kích thước của một cái gì đó trong CSS3. Tất nhiên, cỡ chữ là một trong những trường hợp này. Các loại đo lường khác nhau có ý nghĩa khác nhau. Điều quan trọng là phải biết có hai loại đơn vị khác nhau trong CSS.

Các phép đo tuyệt đối cố mô tả một kích thước cụ thể, như trong thế giới thực. Các phép đo tương quan là về các thay đổi đối với một số giá trị mặc định. Nói chung, các nhà phát triển web đang tiến tới đo lường tương đối về kích thước phông chữ.

điểm

như một phép đo kích thước phông chữ. Bạn có thể sử dụng chữ viết tắt để cho biết bạn đang đo điểm, ví dụ: p (font-size: 12pt;} Thật không may, điểm không phải là một đơn vị đo lường hiệu quả cho các trang web. Điểm là một quy mô tuyệt đối, hữu ích cho việc in, nhưng chúng không đáng tin cậy trên web vì bạn không biết độ phân giải màn hình của người dùng. Phông chữ 12 điểm có thể trông to hơn hoặc nhỏ hơn trên các màn hình khác nhau.

Pixels (px)

Pixels

xem các chấm nhỏ trên màn hình. Bạn có thể chỉ định kích thước phông chữ bằng pixel, mặc dù đó không phải là cách nó thường được thực hiện. Đối với một điều, màn hình khác nhau làm cho các điểm ảnh ở các kích cỡ khác nhau. Bạn có thể không thực sự chắc chắn một pixel lớn như thế nào sẽ có mối quan hệ với kích thước màn hình tổng thể.

Các chữ cái khác nhau có kích cỡ khác nhau, do đó kích thước pixel là một phép đo thô của chiều rộng và chiều cao của ký tự trung bình. Sử dụng chữ viết tắt px để đo các phông chữ theo pixel: p (font-size: 20px;}

Các phép đo truyền thống (in, cm)

Bạn cũng có thể sử dụng inch (in) và cm phông chữ, nhưng điều này là hoàn toàn không thực tế. Hãy tưởng tượng bạn có một trang web được hiển thị trên cả màn hình của bạn và một hệ thống chiếu. Một inch trên màn hình của bạn có thể trông giống như 10 inch trên máy chiếu. Đơn vị đo thực tế không có ý nghĩa đối với web.

Thời gian duy nhất bạn có thể sử dụng chúng là nếu bạn đang in ấn một cái gì đó và bạn có kiến thức đầy đủ về cách cấu hình máy in. Nếu đúng như vậy, bạn nên sử dụng công cụ bố trí theo định hướng in hơn (như một trình xử lý văn bản) chứ không phải là HTML.