Câu hỏi tự luận mức độ thông hiểu Tin học ứng dụng 12 cd bài 8: Làm quen với CSS

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?

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

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


Câu 1

= 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ách biệt nội dung và kiểu dáng: CSS cho phép tách biệt nội dung HTML khỏi kiểu dáng, giúp dễ dàng duy trì và cập nhật trang web mà không cần thay đổi mã HTML.

- Cải thiện trải nghiệm người dùng: CSS giúp tạo ra giao diện hấp dẫn và dễ sử dụng, từ đó nâng cao trải nghiệm người dùng trên trang web.

- Tính linh hoạt và khả năng tái sử dụng: CSS cho phép sử dụng lại các kiểu dáng trên nhiều phần tử và trang khác nhau, giảm thiểu mã lặp lại.

- Hỗ trợ thiết kế đáp ứng: CSS giúp xây dựng các trang web có thể thích ứng với nhiều kích thước màn hình và thiết bị khác nhau, đảm bảo tính khả dụng trên cả máy tính và thiết bị di động.

- Tăng tốc độ tải trang: Sử dụng CSS bên ngoài giúp giảm kích thước tệp HTML, từ đó tăng tốc độ tải trang.

Câu 3: 

margin và padding là hai thuộc tính quan trọng trong CSS, được sử dụng để kiểm soát khoảng cách xung quanh các phần tử.

*margin: Là khoảng cách bên ngoài của phần tử, tạo khoảng cách giữa phần tử này với các phần tử khác.

*padding: Là khoảng cách bên trong của phần tử, tạo khoảng cách giữa nội dung của phần tử và đường viền của nó.


Bình luận

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