15 câu hỏi và câu trả lời câu hỏi của CSS

Câu hỏi 1: CSS là viết tắt của gì?
A. Cascading Style Sheets
B. Computer Style Sheets
C. Creative Style Sheets
D. Cascading Script Sheets
Đáp án: A
Giải thích: CSS là ngôn ngữ dùng để mô tả cách hiển thị các phần tử HTML, giúp kiểm soát bố cục và phong cách của trang web.

Câu hỏi 2: Làm thế nào để liên kết một tệp CSS với tệp HTML?
A. Sử dụng thẻ {css} trong HTML
B. Sử dụng thẻ {link rel=”stylesheet” href=”style.css”} trong phần {head}
C. Viết trực tiếp CSS trong thẻ {body}
D. Sử dụng thẻ {script} để import CSS
Đáp án: B
Giải thích: Thẻ {link} cho phép kết nối tệp CSS bên ngoài với HTML, giúp tách biệt nội dung và phong cách.

Câu hỏi 3: Selector nào trong CSS dùng để chọn tất cả các phần tử?
A. .class
B. #id
C. *
D. element
Đáp án: C
Giải thích: Biểu tượng * là universal selector, chọn tất cả các phần tử trên trang web.

Câu hỏi 4: Thuộc tính nào trong CSS dùng để đặt màu nền?
A. color
B. background-color
C. font-color
D. text-color
Đáp án: B
Giải thích: Thuộc tính background-color định nghĩa màu nền của một phần tử, có thể sử dụng các giá trị như hex, RGB hoặc tên màu.

Câu hỏi 5: Đơn vị nào trong CSS là đơn vị tuyệt đối?
A. em
B. %
C. px
D. vw
Đáp án: C
Giải thích: px (pixel) là đơn vị tuyệt đối, đại diện cho kích thước cố định, không thay đổi dựa trên ngữ cảnh.

Câu hỏi 6: Trong mô hình hộp CSS, margin là gì?
A. Khoảng cách giữa nội dung và biên
B. Khoảng cách ngoài cùng của hộp
C. Kích thước của nội dung
D. Biên giới của hộp
Đáp án: B
Giải thích: Margin là khoảng cách từ biên giới của hộp đến các phần tử khác, giúp tạo không gian xung quanh.

Câu hỏi 7: Thuộc tính nào dùng để tạo flex container trong CSS Flexbox?
A. display: flex;
B. flex-direction: row;
C. justify-content: center;
D. align-items: center;
Đáp án: A
Giải thích: Thuộc tính display: flex; chuyển đổi một phần tử thành flex container, cho phép sắp xếp các phần tử con linh hoạt.

Câu hỏi 8: CSS Grid dùng để làm gì?
A. Xử lý văn bản
B. Tạo lưới bố cục hai chiều
C. Áp dụng màu sắc
D. Điều chỉnh font chữ
Đáp án: B
Giải thích: CSS Grid là hệ thống lưới cho phép tạo bố cục hai chiều, với hàng và cột, để sắp xếp phần tử một cách chính xác.

Câu hỏi 9: Giá trị nào của thuộc tính position làm phần tử nằm tương đối với vị trí ban đầu?
A. absolute
B. fixed
C. relative
D. static
Đáp án: C
Giải thích: position: relative; di chuyển phần tử dựa trên vị trí gốc của nó mà không ảnh hưởng đến các phần tử khác.

Câu hỏi 10: Pseudo-class nào dùng để chọn phần tử khi người dùng hover chuột?
A. :active
B. :hover
C. :focus
D. :visited
Đáp án: B
Giải thích: :hover áp dụng phong cách khi con trỏ chuột di chuyển qua phần tử, thường dùng cho hiệu ứng tương tác.

Câu hỏi 11: Media query trong CSS dùng để làm gì?
A. Thay đổi màu sắc
B. Áp dụng phong cách dựa trên kích thước màn hình
C. Tạo animation
D. Chọn phần tử ngẫu nhiên
Đáp án: B
Giải thích: Media query cho phép thiết kế responsive, áp dụng CSS khác nhau dựa trên điều kiện như chiều rộng màn hình.

Câu hỏi 12: Thuộc tính nào dùng để đặt độ trong suốt của phần tử?
A. opacity
B. transparency
C. visibility
D. filter
Đáp án: A
Giải thích: Thuộc tính opacity định nghĩa mức độ trong suốt từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ).

Câu hỏi 13: Để tạo chuyển tiếp (transition) trong CSS, thuộc tính nào cần sử dụng?
A. animation
B. transition
C. transform
D. keyframe
Đáp án: B
Giải thích: Thuộc tính transition cho phép thêm hiệu ứng chuyển tiếp mượt mà cho các thuộc tính khi chúng thay đổi.

Câu hỏi 14: Biến CSS (CSS variables) được khai báo như thế nào?
A. Sử dụng từ khóa var()
B. Sử dụng –variable-name
C. Sử dụng #variable
D. Sử dụng $variable
Đáp án: B
Giải thích: Biến CSS được khai báo với tiền tố –, ví dụ: –main-color: red;, và sử dụng qua var(–main-color).

Câu hỏi 15: Để làm cho trang web responsive, thuộc tính nào thường được sử dụng?
A. width: 100%;
B. @media
C. float: left;
D. position: absolute;
Đáp án: B
Giải thích: @media là một phần của media query, giúp áp dụng CSS dựa trên các điều kiện thiết bị, làm cho trang web thích ứng với màn hình khác nhau.