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

2. THÔNG HIỂU (4 CÂU)

Câu 1: So sánh bộ chọn lớp và bộ chọn định danh?

Câu 2: Giải thích cách sử dụng bộ chọn lớp trong CSS để định dạng một nhóm phần tử?

Câu 3: Khi nào nên sử dụng bộ chọn định danh thay vì bộ chọn lớp? 

Câu 4: Khi bộ chọn định danh được xác định thông quan Tên_định_danh của phần tử này được khai báo như thế nào?


Câu 1: 

Tiêu chíBộ chọn lớp (Class Selector)Bộ chọn định danh (ID Selector)
Cách sử dụngSử dụng dấu chấm (.) trước tên lớp.Sử dụng dấu hash (#) trước tên định danh.
Tính duy nhấtCó thể áp dụng cho nhiều phần tử cùng một lúc.Phải là duy nhất trong một trang HTML.
Ví dụ.my-class { color: red; }#my-id { font-weight: bold; }
Ứng dụngThích hợp cho nhóm các phần tử có kiểu dáng giống nhau.Thích hợp cho các phần tử cần định dạng riêng biệt.

Câu 2: 

Để định dạng một nhóm phần tử bằng bộ chọn lớp trong CSS, bạn cần thực hiện các bước sau:

Bước 1 - Gán class cho các phần tử: Sử dụng thuộc tính class trong các phần tử HTML mà muốn định dạng.

Bước 2 - Định nghĩa kiểu dáng trong CSS: Sử dụng bộ chọn lớp để định nghĩa kiểu dáng cho tất cả các phần tử có cùng lớp.

Câu 3: 

Nên sử dụng bộ chọn định danh khi:

+ Cần định dạng duy nhất: Khi bạn muốn áp dụng kiểu dáng cho một phần tử duy nhất trên trang, chẳng hạn như tiêu đề chính hoặc nút cụ thể.

+ Tương tác với JavaScript: Khi bạn cần truy cập một phần tử cụ thể trong JavaScript để thực hiện các thao tác như thay đổi nội dung, thêm sự kiện hoặc thực hiện các tương tác động.

+ Tăng tính rõ ràng: Khi bạn muốn làm cho mã của mình dễ đọc và dễ hiểu hơn, việc sử dụng ID cho các phần tử quan trọng có thể giúp phân biệt chúng với các phần tử khác.

Câu 4: 

 #Tên định danh {thuộc tính 1:giá trị;...; thuộc tính n:giá trị;}


Bình luận

Giải bài tập những môn khác