BÀI 13. KHÁI NIỆM, VAI TRÒ CỦA CSS

Câu hỏi 1: CSS là gì?

Trả lời: Là một ngôn ngữ dùng để định dạng và trình bày các phần tử trên một trang web.

Câu hỏi 2: Vai trò chính của CSS là gì?

Trả lời: Tách biệt phần nội dung (HTML) và phần trình bày (CSS), giúp cho việc thiết kế và bảo trì trang web dễ dàng hơn.

Câu hỏi 3: Tại sao chúng ta cần sử dụng CSS?

Trả lời: Để tạo ra các trang web có giao diện đẹp mắt, nhất quán và đáp ứng được các tiêu chuẩn hiện đại.

Câu hỏi 4: CSS hoạt động như thế nào?

Trả lời: CSS sử dụng các selector để chọn các phần tử HTML và áp dụng các thuộc tính (properties) để thay đổi kiểu dáng của chúng.

Câu hỏi 5: Các selector phổ biến trong CSS là gì?

Trả lời: Tag selector, class selector, ID selector, attribute selector, pseudo-class selector.

Câu hỏi 6: Các thuộc tính CSS thường dùng là gì?

Trả lời: color, font-size, background-color, margin, padding, display, position, float, ...

Câu hỏi 7: Ý nghĩa của tính đặc hiệu (specificity) trong CSS là gì?

Trả lời: Quy tắc có độ đặc hiệu cao hơn sẽ ưu tiên áp dụng. Độ đặc hiệu phụ thuộc vào loại selector được sử dụng.

Câu hỏi 8: Một số CSS framework phổ biến là gì?

Trả lời: Bootstrap, Foundation, Bulma, Materialize.

Câu hỏi 9: Tại sao chúng ta nên chia nhỏ các file CSS?

Trả lời: Dễ quản lý, tăng tốc độ tải trang, dễ bảo trì, tái sử dụng code.

Câu hỏi 10: CSS linter là gì và tại sao nên sử dụng?

Trả lời: CSS linter là một công cụ giúp kiểm tra lỗi cú pháp, định dạng và đảm bảo chất lượng code CSS.

Câu hỏi 11: Tại sao nên sử dụng các CSS framework phổ biến?

Trả lời: Giúp tiết kiệm thời gian, tạo giao diện đẹp mắt và nhất quán.

Câu hỏi 12: Làm thế nào để quản lý các biến và hàm CSS hiệu quả?

Trả lời: Sử dụng preprocessor CSS như Sass, Less để định nghĩa các biến và hàm, giúp code gọn gàng và dễ bảo trì.

Câu hỏi 13: CSS-in-JS có những framework phổ biến nào?

Trả lời: Styled-Components, Emotion, styled-jsx.

Câu hỏi 14: Box model trong CSS là gì?

Trả lời: Một mô hình hộp bao quanh mỗi phần tử HTML, bao gồm content, padding, border và margin.

Câu hỏi 15: Float trong CSS dùng để làm gì?

Trả lời: Di chuyển một phần tử ra khỏi dòng bình thường của văn bản và đặt nó sang bên trái hoặc bên phải.

Câu hỏi 16: Position trong CSS dùng để làm gì?

Trả lời: Xác định vị trí của một phần tử so với các phần tử khác hoặc so với cửa sổ trình duyệt.

Câu hỏi 17: CSS cho phép làm gì với các phần tử HTML?

Trả lời: CSS cho phép thay đổi màu sắc, font chữ, kích thước, vị trí, bố cục và các thuộc tính khác của các phần tử HTML.

Câu hỏi 18: Mục đích chính của CSS là gì?

Trả lời: Tách biệt phần nội dung (HTML) và phần trình bày (CSS), giúp cho việc thiết kế và bảo trì trang web dễ dàng hơn.

Câu hỏi 19: CSS đóng vai trò gì trong việc tạo giao diện cho một trang web?

Trả lời: CSS quyết định cách các phần tử HTML được hiển thị trên màn hình, bao gồm màu sắc, font chữ, kích thước, bố cục, v.v.

Câu hỏi 20: Tại sao CSS lại quan trọng trong thiết kế web hiện đại?

Trả lời: CSS giúp tạo ra các trang web có giao diện đẹp mắt, chuyên nghiệp và tương tác tốt với người dùng.