Bài này chúng ta sẽ đi tìm hiểu Các thuộc tính của font trong CSS. Các thuộc tính font trong CSS cho phép người dùng tùy chỉnh kiểu font chữ, cỡ chữ…
1. Thuộc tính font-family
Thuộc tính font-family sử dụng để thiết lập kiểu font chữ cho văn bản.
Giá trị của thuộc tính font-family là tên các kiểu font chữ, như “Times New Roman”, Arial…
Ví dụ: Thiết lập font chữ “arial” cho đoạn văn bản nằm trong thẻ <p>
2. Thuộc tính font-style
Thuộc tính font-style sử dụng chủ yếu để thiết lập kiểu chữ in nghiêng.
Các giá trị của thuộc tính font-style:
Ví dụ: Thiết lập kiểu chữ in nghiêng cho đoạn văn bản nằm trong thẻ <p>
Thuộc tính font-size sử dụng để thiết lập độ lớn cỡ chữ trong văn bản.
Giá trị của thuộc tính font-size được sử dụng là giá trị độ dài như px, cm …
Ví dụ: Thiết lập độ lớn cỡ chữ trong văn bản nằm trong thẻ <p> là 50px.
Thuộc tính font-weight sử dụng để thiết lập độ đậm cho chữ.
Các giá trị của thuộc tính font-weight:
bold : Chữ đậm
100-900: Tăng dần độ đậm cho chữ.
normal: Chữ thường.
Ví dụ: Thiết lập chữ in đậm cho văn bản nằm trong thẻ <p>
Nguồn: the gioi web
1. Thuộc tính font-family
Thuộc tính font-family sử dụng để thiết lập kiểu font chữ cho văn bản.
Giá trị của thuộc tính font-family là tên các kiểu font chữ, như “Times New Roman”, Arial…
Ví dụ: Thiết lập font chữ “arial” cho đoạn văn bản nằm trong thẻ <p>
p{* Lưu ý: Đối với font chữ có tên chứa nhiều hơn 1 từ thì phải sử dụng cặp dấu nháy đơn hoặc đôi để bao quanh khi lap trinh web.
font-family: arial;
}
2. Thuộc tính font-style
Thuộc tính font-style sử dụng chủ yếu để thiết lập kiểu chữ in nghiêng.
Các giá trị của thuộc tính font-style:
- italic : In nghiêng.
- oblique: In nghiêng (tương tự như italic nhưng ít được hỗ trợ)
- normal : Trạng thái mặc định.
Ví dụ: Thiết lập kiểu chữ in nghiêng cho đoạn văn bản nằm trong thẻ <p>
p{3. Thuộc tính font-size
font-style: italic;
}
Thuộc tính font-size sử dụng để thiết lập độ lớn cỡ chữ trong văn bản.
Giá trị của thuộc tính font-size được sử dụng là giá trị độ dài như px, cm …
Ví dụ: Thiết lập độ lớn cỡ chữ trong văn bản nằm trong thẻ <p> là 50px.
p{4. Thuộc tính font-weight
font-size: 50px;
}
Thuộc tính font-weight sử dụng để thiết lập độ đậm cho chữ.
Các giá trị của thuộc tính font-weight:
bold : Chữ đậm
100-900: Tăng dần độ đậm cho chữ.
normal: Chữ thường.
Ví dụ: Thiết lập chữ in đậm cho văn bản nằm trong thẻ <p>
p{
font-weight: bold;
}
Nguồn: the gioi web
0 nhận xét:
Lưu ý: Chỉ thành viên của blog này mới được đăng nhận xét.