Để giải quyết câu hỏi này, ta cần xem xét các kiến thức cơ bản về cách sử dụng các selectors trong CSS:

• Class selector: Được sử dụng để áp dụng các kiểu định dạng cho nhiều phần tử có cùng lớp. Nó bắt đầu bằng dấu chấm (.) và tiếp theo là tên lớp. Ví dụ: .class-name
• ID selector: Được sử dụng để áp dụng kiểu định dạng độc nhất cho một phần tử. Nó bắt đầu bằng dấu thăng (#) và tiếp theo là tên ID. Ví dụ: #id-name

Trong trường hợp này, chúng ta cần đặt nền màu đen và canh giữa nội dung cho lớp image-style.

1. Phân tích từng lựa chọn:
   • A. image-style { background-color: black; text-align: center; }
     Sai. Không có dấu chấm (.) để chỉ định class.
   • B. .image-style { background-color: black; text-align: center; }
     Đúng. Dấu chấm trước image-style chỉ định rằng đây là class selector, phù hợp với yêu cầu của bài toán.
   • C. #image-style { background-color: black; text-align: center; }
     Sai. Sử dụng dấu thăng (#) cho ID selector, không phải class.
   • D. .image-style { background-color: black; align: center; }
     Sai. Thuộc tính align: center; không tồn tại trong CSS.

Do đó, phương án đúng là B.

• Phân biệt rõ giữa class selector và id selector trong CSS để áp dụng đúng vị trí.
• Nhớ rằng text-align chỉ canh giữa nội dung văn bản trong phần tử, không phải hình ảnh, nếu cần canh giữa hình ảnh cần được đặt trong một ngữ cảnh (container) có text-align: center;.
• Chú ý đến cú pháp các thuộc tính trong CSS, như align: center; không phải thuộc tính CSS hợp lệ để canh giữa.