Để giải quyết bài tập này, chúng ta cần hiểu rõ cấu trúc và cú pháp của mã CSS.

Yêu cầu của bài là tạo ra bộ chọn lớp để định dạng một bảng như sau:

• Đường viền của bảng là nét liền (solid), màu đen (#000000), độ rộng 1px.
• Nội dung bên trong bảng có khoảng cách là 20px với đường viền.

Chúng ta sẽ phân tích từng đáp án:

1. A. .tab {border: 1px solid #000000; padding: 20px;}
   Đáp án này sử dụng thuộc tính border để thiết lập đường viền với kiểu nét liền (solid), màu đen và rộng 1px. Đồng thời, sử dụng padding để tạo khoảng cách 20px giữa nội dung và đường viền. Đây là đáp án chính xác.
2. B. .tab {border-style: lpx #000000; padding: 20px;}
   Đáp án này sai vì sử dụng không đúng cú pháp. border-style chỉ nhận các giá trị dạng kiểu nét (solid, dotted, dashed, v.v.), và không nhận giá trị lpx.
3. C. .tab {border: 1px solid #000000; margin: 20px;}
   Đáp án này thiết lập đường viền đúng nhưng sử dụng margin thay vì padding. Margin là khoảng cách giữa phần tử và các phần tử khác bên ngoài nó, không phải giữa nội dung và đường viền.
4. D. .tab { border: 1px #000000; border-color: #000000; padding: 20px;}
   Đáp án này cũng sai ở cú pháp. Phần mô tả nét viền "1px #000000" không chính xác vì thiếu kiểu nét (solid). Việc viết lặp lại "border-color" là thừa khi đã định nghĩa màu trong thuộc tính border.

Vì vậy, đáp án đúng là A. .tab {border: 1px solid #000000; padding: 20px;}

• Lưu ý: Cú pháp tổng hợp của border có dạng border: [width] [style] [color];
• Phân biệt giữa padding và margin:
  • Padding: Khoảng cách giữa nội dung và đường viền.
  • Margin: Khoảng cách giữa phần tử này với các phần tử khác.
• Trong CSS, khi khai báo các thuộc tính với nhiều thành phần như border, cần đặc biệt chú ý tới cú pháp và thứ tự các tham số.