Chúng tôi có thể chỉ định kích thước phông chữ bằng pixel để làm cho 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 của màn hình và thuật toán được trình duyệt sử dụng để tính toán.
Cú pháp
Cú pháp của thuộc tính font-size CSS như sau -
Selector {
font-size: /*value*/
} Ví dụ
Các ví dụ sau minh họa cách đặt thuộc tính kích thước phông chữ CSS theo 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>one</span><span>two</span><span>three</span>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!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>one</div>
<div>two</div>
<div>three</div>
</body>
</html> Đầu ra
Điều này cho kết quả sau -
