Câu hỏi tự luận mức độ nhận biết Tin học ứng dụng 12 ctst bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

1. NHẬN BIẾT (4 CÂU)

Câu 1: Hãy định nghĩa và nêu vai trò của CSS trong thiết kế web?

Câu 2: Vùng chọn (selector) trong CSS là gì? Nêu các loại vùng chọn cơ bản trong CSS?

Câu 3: So sánh vùng chọn theo thẻ, lớp và ID trong CSS. Nêu điểm giống và khác nhau giữa chúng?

Câu 4: Giải thích cách sử dụng vùng chọn tổ hợp trong CSS. Cho ví dụ minh họa.


Câu 1: 

- Định nghĩa: CSS (Cascading Style Sheets) là ngôn ngữ được sử dụng để mô tả cách trình bày của một tài liệu HTML. CSS cho phép người dùng xác định kiểu dáng, màu sắc, bố cục và các thuộc tính khác của các phần tử trên trang web.

- Vai trò của CSS trong thiết kế web:

+ Tách biệt nội dung và hình thức: CSS giúp tách biệt nội dung (HTML) và hình thức (CSS), giúp dễ dàng quản lý và bảo trì mã nguồn.

+ Tăng cường trải nghiệm người dùng: CSS cho phép tạo ra các giao diện hấp dẫn và dễ sử dụng, nâng cao trải nghiệm người dùng.

+ Đáp ứng và linh hoạt: CSS hỗ trợ thiết kế đáp ứng, cho phép trang web hiển thị tốt trên nhiều thiết bị và kích thước màn hình khác nhau.

+ Tối ưu hóa hiệu suất: Sử dụng CSS giúp giảm kích thước tệp HTML, từ đó cải thiện tốc độ tải trang.

Câu 2: 

- Vùng chọn (selector): Vùng chọn trong CSS là phần mã xác định các phần tử HTML mà bạn muốn áp dụng các quy tắc kiểu dáng. Vùng chọn có thể là một thẻ, lớp, ID hoặc bất kỳ đặc điểm nào khác của phần tử HTML.

- Các loại vùng chọn cơ bản trong CSS:

+ Vùng chọn theo thẻ (Type Selector): Chọn tất cả các phần tử của một loại nhất định.

+ Vùng chọn theo lớp (Class Selector): Chọn các phần tử có thuộc tính class cụ thể.

+ Vùng chọn theo ID (ID Selector): Chọn phần tử có thuộc tính ID cụ thể.

Câu 3:

Tiêu chíVùng chọn theo thẻVùng chọn theo lớpVùng chọn theo ID
Cú phápthẻ.tên_lớp#tên_ID
Phạm vi áp dụngÁp dụng cho tất cả các thẻ cùng loại.Áp dụng cho tất cả các phần tử có class cụ thể.Chỉ áp dụng cho phần tử có ID duy nhất.
Độ ưu tiênThấp nhấtTrung bìnhCao nhất
Số lần sử dụngCó thể được sử dụng nhiều lầnCó thể được sử dụng nhiều lầnChỉ được sử dụng một lần trong mỗi trang.

Câu 4: 

- Vùng chọn tổ hợp: Vùng chọn tổ hợp trong CSS cho phép bạn chọn các phần tử dựa trên mối quan hệ giữa chúng hoặc kết hợp nhiều vùng chọn lại với nhau. Điều này giúp bạn có thể áp dụng các quy tắc CSS cho các phần tử cụ thể hơn.

- Cách sử dụng:

+ Kết hợp nhiều vùng chọn: Bạn có thể kết hợp các vùng chọn bằng dấu phẩy để áp dụng cùng một quy tắc cho nhiều phần tử khác nhau.

+ Chọn phần tử con: Bạn có thể chọn các phần tử con trong một phần tử cha bằng cách sử dụng dấu cách.


Bình luận

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