Bài 16: Cách sử dụng Text trong css

Cách sử dụng Text trong css

Trong CSS, bạn có thể sử dụng các thuộc tính text để tùy chỉnh các thuộc tính văn bản của một phần tử HTML. Các thuộc tính này bao gồm:

1. color: Đặt màu sắc cho văn bản. Ví dụ: color: red;.

2. font-family: Đặt font chữ cho văn bản. Ví dụ: font-family: Arial, sans-serif;. Ở đây, Arial là tên font chữ được ưu tiên sử dụng trước, nếu không có sẽ sử dụng các font chữ thay thế thuộc hệ thống sans-serif.

3. font-size: Đặt kích thước của font chữ. Ví dụ: font-size: 16px;.

4. font-weight: Đặt độ đậm của font chữ. Giá trị có thể là normal, bold, hoặc một số giá trị khác. Ví dụ: font-weight: bold;.

5. text-align: Đặt kiểu căn lề cho văn bản. Các giá trị có thể là left, right, center, hoặc justify. Ví dụ: text-align: center;.

6. text-decoration: Đặt kiểu trang trí cho văn bản. Giá trị có thể là none, underline, overline, line-through, hoặc blink. Ví dụ: text-decoration: underline;.

7. text-transform: Đặt kiểu chữ hoa, chữ thường cho văn bản. Giá trị có thể là none, uppercase, lowercase, hoặc capitalize. Ví dụ: text-transform: uppercase;.

Ví dụ, để đặt màu sắc là đỏ cho văn bản trong một phần tử h1, bạn có thể sử dụng mã CSS sau đây:

h1 {
  color: red;
}

Hoặc để đặt kích thước font chữ là 20px cho văn bản trong một phần tử p, bạn có thể sử dụng mã CSS sau đây:

p {
  font-size: 20px;
}

Lưu ý rằng các thuộc tính text có thể được áp dụng cho một phần tử hoặc một nhóm các phần tử bằng cách sử dụng các bộ chọn CSS.