Trắc nghiệm kiến thức CSS - Phần 8

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:

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.
Trong CSS, đôi lúc sẽ xảy ra trường hợp đặc biệt là các giá trị của thuộc tính margin chồng lấn lên nhau, giá trị được sử dụng sẽ là giá trị lớn nhất giữa hai thuộc tính margin. Trường hợp này ta gọi là Margin Collapse
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
Xem thêm: Specificity trong CSS
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
1em tương đương với kích cỡ của font-size hiện tại, tương tự ta có 1.5em= 1.5 lần font = 1.5 * 20px = 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ệ.

Thứ Bảy, 22/06/2019 08:14

3,7 ★ 6 👨 1.480

Giấy phép số 362/GP-BTTTT. Bộ Thông tin và Truyền thông cấp ngày 30/06/2016. Cơ quan chủ quản: CÔNG TY CỔ PHẦN MẠNG TRỰC TUYẾN META. Địa chỉ: 56 Duy Tân, Dịch Vọng Hậu, Cầu Giấy, Hà Nội. Điện thoại: 024 2242 6188. Email: info@meta.vn. Chịu trách nhiệm nội dung: Lê Ngọc Lam.