Chúng ta có thể chỉ định font-size bằng pixel để văn bản chỉ sử dụng một số pixel cụ thể. Kích thước pixel dựa trên độ phân giải màn hình và thuật toán trình duyệt dùng để tính toán.
Cú pháp
Cú pháp của thuộc tính CSS font-size như sau:
Selector { font-size: /*giá trị*/ }
Ví dụ
Các ví dụ sau minh họa cách đặt CSS font-size bằng pixel:
<!DOCTYPE html> <html> <head> <style> span { background-color: darkseagreen; padding: 20px; font-size: 15px; } span:nth-child(3) { font-size: 55px; } span:last-child { font-size: 25px; } </style> </head> <body> <br/> <span>một</span><span>hai</span><span>ba</span> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
Ví dụ khác
<!DOCTYPE html> <html> <head> <style> div { width: 40%; border: 2px solid yellow; padding: 20px; font-size: 10px; } div:nth-child(3) { font-size: 20px; } div:last-child { font-size: 30px; } </style> </head> <body> <br/> <div>một</div> <div>hai</div> <div>ba</div> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
