Câu hỏi tự luận Tin học ứng dụng 12 cánh diều Bài 8: Làm quen với CSS

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

 TẠO TRANG WEB

BÀI 8: LÀM QUEN VỚI CSS

(11 CÂU)

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

Câu 1: CSS là gì? Hãy giải thích khái niệm CSS?

Trả lời: 

- CSS (Cascading Style Sheets) là một ngôn ngữ định kiểu được sử dụng để mô tả cách các phần tử HTML sẽ được hiển thị trên màn hình, giấy, hoặc trong các phương tiện khác. CSS cho phép bạn kiểm soát bố cục, màu sắc, kiểu chữ, khoảng cách và nhiều thuộc tính khác của các phần tử trên trang web.

- Các điểm chính về CSS:

+ Tách biệt nội dung và kiểu dáng: CSS giúp tách biệt nội dung HTML khỏi kiểu dáng, cho phép dễ dàng thay đổi giao diện mà không cần thay đổi mã HTML.

+ Tính kế thừa: CSS cho phép các thuộc tính được kế thừa từ các phần tử cha sang phần tử con, giúp giảm thiểu mã lặp lại.

+ Tính linh hoạt: CSS có thể được áp dụng cho nhiều phần tử cùng lúc và có thể điều chỉnh theo các điều kiện khác nhau (ví dụ: kích thước màn hình, loại thiết bị).

Câu 2: Nêu các cách để nhúng CSS vào một trang HTML?

Trả lời: 

Câu 3: Liệt kê các thuộc tính cơ bản của CSS mà em biết?

Trả lời: 

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

Câu 1: Giải thích sự khác nhau giữa các loại chọn lọc (selector) trong CSS?

Trả lời: 

= Chọn lọc theo thẻ (Type Selector): Chọn tất cả các phần tử của một loại cụ thể.

Ví dụ: p { color: blue; } sẽ làm tất cả các thẻ <p> có màu chữ xanh.

- Chọn lọc theo lớp (Class Selector):

+ Chọn các phần tử có thuộc tính class nhất định.

+ Sử dụng dấu chấm (.) trước tên lớp.

- Chọn lọc theo ID (ID Selector):

+ Chọn một phần tử duy nhất có thuộc tính id nhất định.

+ Sử dụng dấu # trước tên ID.

- Chọn lọc tổ hợp (Descendant Selector):  Chọn các phần tử con nằm bên trong một phần tử cha cụ thể.

- Chọn lọc theo thuộc tính (Attribute Selector): Chọn các phần tử dựa trên thuộc tính và giá trị của chúng.

- Chọn lọc giả (Pseudo-class Selector): Chọn các phần tử dựa trên trạng thái hoặc vị trí của chúng.

- Chọn lọc giả tử (Pseudo-element Selector): Chọn một phần cụ thể của một phần tử.

Câu 2: Tại sao CSS lại quan trọng trong việc thiết kế web?

Trả lời: 

Câu 3: Mô tả cách sử dụng thuộc tính margin và padding trong CSS?

Trả lời: 

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

Câu 1: So sánh và phân tích ưu, nhược điểm của việc sử dụng CSS inline, internal và external?

Trả lời: 

Câu 2: Giải thích cách sử dụng Flexbox trong CSS để tạo bố cục linh hoạt cho trang web?

Trả lời: 

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

Câu 1: Hiệu ứng hover trong CSS là gì?

Trả lời: 

- Hiệu ứng hover trong CSS là một kỹ thuật cho phép thay đổi kiểu dáng hoặc hành vi của một phần tử khi người dùng di chuột qua nó. Hiệu ứng này thường được sử dụng để tạo ra trải nghiệm người dùng tương tác và hấp dẫn hơn trên trang web.

- Cách hoạt động:

+ Khi người dùng di chuột lên một phần tử, CSS có thể áp dụng các thuộc tính khác nhau như màu sắc, kích thước, bóng đổ, hoặc các hiệu ứng chuyển tiếp.

+ Hiệu ứng hover thường được định nghĩa bằng cách sử dụng pseudo-class :hover.

----------------------------------

----------------------- Còn tiếp -------------------------