Câu hỏi tự luận mức độ thông hiểu Khoa học máy tính 12 ctst bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

Câu 1: 

- Vùng chọn theo thẻ: Chọn tất cả các phần tử có cùng tên thẻ (ví dụ: p, h1). Nó có độ ưu tiên thấp.

- Vùng chọn theo lớp: Chọn các phần tử có thuộc tính class cụ thể. Có thể áp dụng cho nhiều phần tử, có độ ưu tiên cao hơn vùng chọn theo thẻ.

- Vùng chọn theo ID: Chọn phần tử có thuộc tính id cụ thể. Mỗi ID phải duy nhất trong tài liệu, có độ ưu tiên cao nhất trong ba loại vùng chọn này.

Câu 2: 

- Vùng chọn con (descendant selector): Sử dụng khi bạn muốn chọn tất cả các phần tử con trong một phần tử cha, không quan tâm đến cấp độ. Ví dụ, chọn tất cả các <span> bên trong một <div>.

- Vùng chọn anh chị (child selector): Sử dụng khi bạn chỉ muốn chọn các phần tử con trực tiếp của một phần tử cha. Ví dụ, chọn các <li> trực tiếp bên trong một <ul>. Điều này giúp kiểm soát chính xác hơn cấu trúc DOM.

Câu 3:

- Vùng chọn nhóm (group selector) cho phép bạn nhóm nhiều vùng chọn lại với nhau bằng cách phân tách chúng bằng dấu phẩy. Ví dụ:

h1, h2, h3 {

    color: blue;

}

- Lợi ích:

+ Giúp giảm thiểu mã CSS bằng cách tránh lặp lại.

+ Dễ dàng quản lý và bảo trì hơn khi cần thay đổi kiểu cho nhiều phần tử cùng lúc.

Câu 4: 

Việc sử dụng vùng chọn cụ thể rất quan trọng vì nó giúp xác định rõ ràng phần tử nào sẽ được áp dụng kiểu. Nếu có nhiều quy tắc CSS áp dụng cho cùng một phần tử, độ ưu tiên của vùng chọn cụ thể sẽ quyết định quy tắc nào được áp dụng. Điều này giúp tránh xung đột và đảm bảo rằng phần tử hiển thị đúng như mong muốn, từ đó cải thiện trải nghiệm người dùng.