Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 ctst bài F12: Định kiểu CSS cho biểu mẫu

3. VẬN DỤNG (3 CÂU)

Câu 1: Nêu các bước  để thay đổi màu nền của biểu mẫu khi người dùng di chuột qua? Hãy viết mã CSS cho tính năng này?

Câu 2: Hãy giải thích khái niệm 'chọn lọc' (selector) trong CSS và nêu ví dụ?

Câu 3: CSS có thể được áp dụng cho các biểu mẫu ở đâu trong tài liệu HTML? Hãy nêu các vị trí cụ thể?


Câu 1:

- Sử dụng thuộc tính: Bạn có thể sử dụng pseudo-class :hover để thay đổi màu nền của phần tử khi người dùng di chuột qua?

- Khái niệm: Chọn lọc (selector) trong CSS là phần tử hoặc nhóm phần tử mà bạn muốn áp dụng các quy tắc định kiểu. Chọn lọc có thể là tên thẻ, lớp (class), ID, hoặc bất kỳ sự kết hợp nào của chúng.

- Chọn phần tử: Chọn phần tử mà bạn muốn thay đổi màu nền (trong trường hợp này là .form-container).

Câu 2:

Trong thẻ <style> trong phần <head>: CSS được viết trực tiếp trong tài liệu HTML.

- Liên kết đến tệp CSS bên ngoài: Sử dụng thẻ <link> để liên kết đến một tệp CSS riêng biệt.

- Trong thuộc tính style của phần tử HTML: CSS có thể được áp dụng trực tiếp cho từng phần tử.

Câu 3: 

CSS có thể được áp dụng cho các biểu mẫu ở nhiều vị trí khác nhau trong tài liệu HTML. Dưới đây là các vị trí cụ thể:

1. Trong thẻ <style> trong phần <head>

2. Liên kết đến tệp CSS bên ngoài

3. Trong thuộc tính style của phần tử HTML

4. Sử dụng CSS Inline

5. Sử dụng các thư viện CSS

Tóm tắt

Thẻ <style>: CSS viết trực tiếp trong tài liệu.

Thẻ <link>: Liên kết đến tệp CSS bên ngoài.

Thuộc tính style: Áp dụng CSS trực tiếp cho phần tử.

Thư viện CSS: Sử dụng CSS từ các thư viện bên ngoài.


Bình luận

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