Thuộc tính color, background-color và font-size dùng để làm gì?

Question

Thi ha vu · Accepted Answer

Trong CSS, các thuộc tính color, background-color và font-size dùng để định dạng hiển thị văn bản và phần tử. Cụ thể:

color

Dùng để thiết lập màu chữ cho văn bản.

Áp dụng cho nội dung chữ bên trong phần tử.

background-color

Dùng để thiết lập màu nền của phần tử.

Màu nền hiển thị phía sau nội dung và padding.

font-size

Dùng để thiết lập kích thước chữ.

Có thể sử dụng các đơn vị như: px, em, rem, %…

Tóm tắt ngắn gọn

color: đổi màu chữ

background-color: đổi màu nền

font-size: đổi kích thước chữ

Timi · Answer

Thuộc tính color, background-color và font-size trong CSS được dùng để điều chỉnh các yếu tố về màu sắc và kích thước của văn bản và nền trên trang web như sau:

1. color: Dùng để thiết lập màu sắc cho chữ (văn bản) của phần tử HTML. Ví dụ: color: red; sẽ làm chữ hiển thị màu đỏ.

2. background-color: Dùng để thiết lập màu nền cho phần tử HTML. Ví dụ: background-color: yellow; sẽ làm nền của phần tử có màu vàng.

3. font-size: Dùng để thiết lập kích thước chữ (văn bản) của phần tử HTML. Ví dụ: font-size: 16px; sẽ làm chữ có kích thước 16 pixel.

Tóm lại, các thuộc tính này giúp bạn điều chỉnh giao diện chữ và nền để trang web trở nên đẹp mắt và dễ đọc hơn. Nếu bạn cần mình giải thích chi tiết hoặc ví dụ cụ thể, bạn cứ hỏi nhé!

Kiệt_6A1 · Answer

1. Thuộc tính color

Công dụng: Dùng để thiết lập màu sắc của văn bản (chữ).
Giá trị: Có thể sử dụng tên màu (ví dụ: red, blue), mã Hex (ví dụ: #ffffff), hoặc mã RGB/RGBA.
Ví dụ: color: blue; sẽ làm cho chữ trong đoạn văn có màu xanh lam.

2. Thuộc tính background-color

Công dụng: Dùng để thiết lập màu nền cho một phần tử.
Đặc điểm: Nó tô màu toàn bộ vùng nội dung (content) và vùng đệm (padding) của phần tử đó.
Ví dụ: background-color: yellow; sẽ tạo ra một dải màu nền vàng phía sau văn bản hoặc khối hộp.

3. Thuộc tính font-size

Công dụng: Dùng để thiết lập kích thước của phông chữ.
Đơn vị thường dùng:
px (pixels): Kích thước cố định.
em/rem: Kích thước tương đối dựa trên phông chữ cha hoặc phông chữ gốc.
%: Tỉ lệ phần trăm.
Ví dụ: font-size: 16px; sẽ đặt độ lớn của chữ là 16 điểm ảnh.