Câu hỏi tự luận mức độ thông hiểu Khoa học máy tính 12 cd bài 10: Bộ chọn lớp, bộ chọn định danh

Câu 1:

Bộ chọn lớp cho phép bạn định dạng các phần tử HTML bằng cách áp dụng các kiểu dáng nhất định cho tất cả các phần tử có cùng lớp. 

Câu 2: 

Bộ chọn định danh hoạt động bằng cách chọn một phần tử duy nhất thông qua thuộc tính id. Ví dụ, nếu có một phần tử với id="header", có thể định dạng nó như sau:

#header {

 background-color: blue;

}

=> Điều này sẽ áp dụng kiểu dáng chỉ cho phần tử có id="header", không ảnh hưởng đến các phần tử khác.

Câu 3: 

Trong CSS, bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp. Điều này có nghĩa là nếu một phần tử có cả lớp và định danh, kiểu dáng từ bộ chọn định danh sẽ được áp dụng trước.

Ví dụ:

#example {

  color: red; /* Định danh */

}

.example {

  color: blue; /* Lớp */

}

=> Nếu một phần tử có id="example" và class="example", màu chữ sẽ là đỏ vì bộ chọn định danh có độ ưu tiên cao hơn.

Câu 4: 

- Bộ chọn lớp giúp tạo ra sự nhất quán trong thiết kế giao diện bằng cách cho phép áp dụng cùng một kiểu dáng cho nhiều phần tử. Điều này giúp tiết kiệm thời gian và công sức trong việc bảo trì mã.

- Bộ chọn định danh cho phép điều chỉnh các phần tử cụ thể mà không ảnh hưởng đến các phần tử khác, giúp tạo ra các hiệu ứng độc đáo và làm nổi bật các phần quan trọng trên trang.

=> Cả hai bộ chọn đều giúp lập trình viên dễ dàng tổ chức và quản lý mã CSS, từ đó tạo ra giao diện người dùng thân thiện và dễ sử dụng hơn.