Bộ câu hỏi trắc nghiệm về ngôn ngữ lập trình CSS, mời bạn đọc thử sức kiến thức của mình với 10 câu hỏi bao gồm nhiều đáp án, hãy lựa chọn 1 đáp án đúng nhất nhé.
Xem thêm:
Trắc nghiệm kiến thức CSS - Phần 8
- Câu 1: Khi các phần tử sau đây hiển thị trên trình duyệt, margin của chúng có giá trị là bao nhiêu?
- 50px, bởi vì 20+30=50
- 30px - lấy lề lớn hơn
- 20px - giá trị margin-top được ưu tiên hơn.
-
- Câu 2: Thuộc tính nào sẽ biến đổi phần tử từ trạng thái A sang trạng thái B?
- transform: perspective(200px);
- transform: skew(45deg, 45deg);
- transform: scale(0.5);
-
- Câu 3: Selector nào hướng mục tiêu tới phần tử <li> cuối cùng?
- ul li:last-child
- ul:last-child li
- ul:last-child(li)
-
- Câu 4: Màu nền cuối cùng của div này sẽ là gì?
- Màu đỏ - vì id có mức độ ưu tiên cao hơn các đối tượng còn lại
- Màu xanh - vì định dạng class .blue nằm sau định dạng id #red.
- Màu tím - mix của đỏ và xanh
-
- Câu 5: Kích thước font chữ của phần tử h1 tính bằng pixel có giá trị là bao nhiêu?
- 1.5px
- 25px
- 30px
-
- Câu 6: Điều gì không đúng trong pseudo-element :after ở đoạn CSS dưới đây?
- Thiếu thuộc tính content thêm nội dung vào phía sau phần tử được chọn.
- Pseudo-element không hoạt động trên heading
- Thuộc tính left không có giá trị với đơn vị là tỷ lệ phần trăm.
-
- Câu 7: Đâu không phải là một thuộc tính trong CSS?
- object-fit
- pointer-events
- font-smoothing
- text-opacity
-
- Câu 8: Để chọn phần tử cuối cùng trong list dưới đây, ta sử dụng bộ chọn nth-child() như thế nào?
- ul li:nth-child(last)
- ul li:nth-child(2)
- ul li:nth-child(3)
-
- Câu 9: Class container nào căn giữa (cả dọc và ngang) các phần tử bên trong?
- A
- B
- C
-
- Câu 10: Đáp án nào dưới đây chứa CSS không hợp lệ?
- margin: 10px 8px 5px;
- margin: -20px;
- margin: auto;
- Tất cả các đáp án đều hợp lệ.
-
