Quay lại danh mục Trắc nghiệm CSS

Bộ 13 - Trắc nghiệm CSS online có đáp án

Thời gian còn lại: --:--

Câu 1: Trong ngôn ngữ CSS, cụm từ 'CSS' là viết tắt của thuật ngữ nào sau đây?

Câu 2: Để chọn một phần tử có 'id' cụ thể trong CSS, bạn phải sử dụng ký tự tiền tố nào?

Câu 3: Khi sử dụng thuộc tính 'box-sizing: border-box', kích thước chiều rộng của phần tử sẽ bao gồm những thành phần nào?

Câu 4: Theo quy tắc ưu tiên (specificity) của CSS, bộ chọn nào sau đây có độ ưu tiên cao nhất?

Câu 5: Đơn vị 'rem' trong CSS được tính toán dựa trên kích thước phông chữ của thành phần nào?

Câu 6: Trong Flexbox, thuộc tính 'justify-content' được sử dụng để căn chỉnh các phần tử con dọc theo trục nào?

Câu 7: Một phần tử có thuộc tính 'position: absolute' sẽ được định vị tương đối so với yếu tố nào?

Câu 8: Sự khác biệt chính giữa 'display: none' và 'visibility: hidden' là gì?

Câu 9: Để thuộc tính 'z-index' có hiệu lực trên một phần tử, phần tử đó bắt buộc phải có thuộc tính gì?

Câu 10: Trong CSS hiện đại, cách chuẩn nhất để khai báo một biến CSS (Custom Property) là gì?

Câu 11: Cú pháp Media Query nào sau đây được dùng để áp dụng CSS khi chiều rộng màn hình tối đa là 768px?

Câu 12: Thuộc tính 'background-size: cover' có tác dụng gì đối với hình nền?

Câu 13: Việc thêm '!important' vào sau một giá trị thuộc tính CSS có hệ quả gì?

Câu 14: Lớp giả (pseudo-class) nào được sử dụng để thay đổi định dạng khi người dùng đưa con trỏ chuột lên trên một phần tử?

Câu 15: Bộ chọn ':nth-child(2n)' sẽ chọn những phần tử nào trong danh sách?

Câu 16: Hiện tượng 'Margin Collapsing' (gộp lề) trong CSS xảy ra trong tình huống nào sau đây?

Câu 17: Trong Flexbox, để các phần tử con xếp chồng lên nhau theo chiều dọc, bạn cần đặt thuộc tính 'flex-direction' là gì?

Câu 18: Hàm 'calc()' trong CSS được sử dụng để làm gì?

Câu 19: Thuộc tính nào dùng để tạo hiệu ứng chuyển động mượt mà khi thay đổi trạng thái của phần tử?

Câu 20: Trong thuộc tính 'box-shadow: 10px 5px 5px black;', giá trị '10px' đầu tiên đại diện cho điều gì?

Câu 21: Sự khác biệt về mặt kỹ thuật giữa 'opacity: 0.5' và màu sắc có độ trong suốt 'rgba(0,0,0,0.5)' là gì?

Câu 22: Trong CSS Grid, hàm 'repeat(3, 1fr)' có ý nghĩa như thế nào?

Câu 23: Giá trị 'font-weight: 700' tương đương với từ khóa nào sau đây?

Câu 24: Để đảm bảo một hình ảnh lấp đầy khung chứa mà vẫn giữ đúng tỷ lệ và không bị méo, bạn nên dùng thuộc tính nào?

Câu 25: Bộ chọn 'a[href^='https']' sẽ chọn những thẻ liên kết (thẻ a) nào?