Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
1. Thuộc tính CSS nào được sử dụng để đặt kiểu cho đường viền của một phần tử?
A. outline
B. border
C. frame
D. stroke
2. Khi sử dụng bộ chọn "body > p", bạn sẽ chọn những phần tử "p" nào?
A. Tất cả các phần tử "p" trên trang.
B. Các phần tử "p" là con trực tiếp của phần tử "body".
C. Các phần tử "p" nằm trong bất kỳ phần tử nào của "body".
D. Các phần tử "p" có ID là "body".
3. Để liên kết một tệp CSS ngoài vào tệp HTML, bạn sử dụng thẻ nào trong phần "" của HTML?
A.
Theo tài liệu CSS, thuộc tính border là thuộc tính chính dùng để định dạng đường viền của một phần tử, bao gồm độ dày, kiểu và màu sắc. Kết luận Lý giải: border.
2 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
2. Khi sử dụng bộ chọn body > p, bạn sẽ chọn những phần tử p nào?
Bộ chọn con trực tiếp (child combinator), ký hiệu bằng dấu >, chỉ chọn các phần tử là con trực tiếp của phần tử đứng trước nó. Kết luận Lý giải: Các phần tử p là con trực tiếp của phần tử body.
3 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
3. Để liên kết một tệp CSS ngoài vào tệp HTML, bạn sử dụng thẻ nào trong phần của HTML?
4 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
4. Nếu bạn muốn một phần tử luôn chiếm toàn bộ chiều rộng của vùng chứa mẹ, bạn sẽ sử dụng giá trị nào cho thuộc tính width?
Giá trị 100% cho thuộc tính width sẽ làm cho phần tử chiếm toàn bộ chiều rộng của phần tử cha của nó. Kết luận Lý giải: 100%.
5 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
5. Thuộc tính CSS nào được sử dụng để đặt khoảng cách lề bên ngoài của một phần tử?
Trong mô hình hộp CSS (CSS box model), thuộc tính margin được sử dụng để tạo khoảng trống bên ngoài đường viền của phần tử. Kết luận Lý giải: margin.
6 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
6. Trong CSS, thuộc tính nào được sử dụng để thay đổi màu sắc của văn bản?
Theo các tài liệu chuẩn về CSS, thuộc tính color được sử dụng để thiết lập màu sắc cho văn bản. Kết luận Lý giải: color.
7 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
7. Bộ chọn a[href*=example.com] sẽ chọn các liên kết có URL chứa chuỗi nào?
Trong CSS, bộ chọn thuộc tính [attribute*=value] khớp với các phần tử có thuộc tính chứa chuỗi giá trị được chỉ định ở bất kỳ vị trí nào. Kết luận Lý giải: Chứa example.com ở bất kỳ đâu.
8 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
8. Thuộc tính CSS nào dùng để định dạng kiểu chữ (ví dụ: normal, italic, oblique)?
Thuộc tính font-style trong CSS được sử dụng để xác định kiểu dáng của phông chữ như normal, italic, hoặc oblique. Kết luận Lý giải: font-style.
9 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
9. Thuộc tính CSS nào được dùng để đặt kích thước của phông chữ?
Trong CSS, thuộc tính font-size là thuộc tính chuẩn để xác định kích thước của phông chữ. Kết luận Lý giải: font-size.
10 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
10. CSS dùng để làm gì?
Theo định nghĩa và mục đích sử dụng, CSS (Cascading Style Sheets) là ngôn ngữ được thiết kế để mô tả cách trình bày các tài liệu được viết bằng ngôn ngữ đánh dấu như HTML. Kết luận Lý giải: Định dạng và trình bày giao diện của trang web.
11 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
11. Cú pháp cơ bản của một quy tắc CSS bao gồm những thành phần nào?
Theo cú pháp CSS chuẩn, một quy tắc CSS bao gồm một selector và một khối khai báo chứa các cặp thuộc tính-giá trị. Kết luận Lý giải: Selector và cặp thuộc tính-giá trị.
12 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
12. Cặp thuộc tính-giá trị CSS nào sau đây áp dụng cho bộ chọn div.highlight?
Selector div.highlight kết hợp bộ chọn thẻ div với bộ chọn lớp highlight, áp dụng cho các phần tử
có lớp highlight. Kết luận Lý giải: div.highlight { border: 1px solid black; }.
13 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
13. Bộ chọn p + ul sẽ chọn các phần tử ul nào?
Bộ chọn anh em liền kề (adjacent sibling combinator), ký hiệu bằng dấu +, chọn phần tử đứng ngay sau phần tử chỉ định, với điều kiện chúng có cùng phần tử cha. Kết luận Lý giải: Các phần tử ul ngay sau một phần tử p đứng cùng cấp.
14 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
14. Bộ chọn nào sẽ chọn tất cả các phần tử có thuộc tính data-* bất kỳ?
Bộ chọn thuộc tính [attribute] chọn các phần tử có thuộc tính đó. Để áp dụng cho mọi phần tử có thuộc tính data-*, ta dùng *[data-*]. Kết luận Lý giải: *[data-*].
15 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
15. Trong CSS, đơn vị px có ý nghĩa gì?
Đơn vị px trong CSS đại diện cho pixel, là một đơn vị đo lường tuyệt đối, thường tương ứng với một điểm ảnh trên màn hình. Kết luận Lý giải: Pixel, một đơn vị tuyệt đối.
16 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
16. Để định dạng cho một phần tử HTML duy nhất, bạn nên sử dụng loại bộ chọn nào?
Bộ chọn ID (ví dụ: #myId) là duy nhất cho mỗi phần tử trên trang HTML và thường được sử dụng để định dạng riêng biệt cho một phần tử cụ thể. Kết luận Lý giải: Bộ chọn ID (ID selector).
17 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
17. Thuộc tính CSS nào được sử dụng để làm cho văn bản bị gạch chân?
Thuộc tính text-decoration với giá trị underline được sử dụng để thêm một dòng gạch chân cho văn bản. Kết luận Lý giải: text-decoration: underline.
18 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
18. Selector nào sau đây sẽ áp dụng kiểu cho tất cả các phần tử p trên trang web?
Theo quy ước của CSS, một selector kiểu phần tử (element type selector) được viết bằng tên của thẻ HTML đó, ví dụ p sẽ chọn tất cả các thẻ
. Kết luận Lý giải: p.
19 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
19. Bộ chọn nào trong CSS sẽ chọn tất cả các phần tử có thuộc tính href tồn tại, bất kể giá trị của nó là gì?
Theo cú pháp bộ chọn thuộc tính của CSS, a[href] sẽ chọn tất cả các phần tử a có thuộc tính href. Kết luận Lý giải: a[href].
20 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
20. Để tăng độ đậm của văn bản, bạn sử dụng thuộc tính CSS nào?
Thuộc tính font-weight trong CSS được sử dụng để xác định độ đậm của phông chữ, với các giá trị như normal (mặc định), bold, hoặc các giá trị số từ 100 đến 900. Kết luận Lý giải: font-weight.
21 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
21. Bộ chọn nào sẽ áp dụng kiểu cho tất cả các phần tử div có lớp container và là con trực tiếp của thẻ body?
Bộ chọn body > div.container kết hợp bộ chọn con trực tiếp > với bộ chọn phần tử body và bộ chọn lớp div.container, đảm bảo div.container là con trực tiếp của body. Kết luận Lý giải: body > div.container.
22 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
22. Thuộc tính display trong CSS có giá trị none có tác dụng gì?
Giá trị none cho thuộc tính display sẽ loại bỏ hoàn toàn phần tử khỏi luồng hiển thị của trang web, khiến nó không hiển thị và không chiếm bất kỳ không gian nào. Kết luận Lý giải: Ẩn phần tử và không chiếm không gian trên trang.
23 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
23. Trong CSS, đơn vị đo lường em tương đối với điều gì?
Theo định nghĩa của CSS, đơn vị em là tương đối với kích thước phông chữ của phần tử chứa nó (phần tử hiện tại). Kết luận Lý giải: Kích thước phông chữ của phần tử hiện tại.
24 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
24. Thuộc tính text-align trong CSS có thể nhận những giá trị phổ biến nào?
Các giá trị phổ biến và chuẩn của thuộc tính text-align trong CSS bao gồm left, right, center, và justify. Kết luận Lý giải: left, right, center, justify.
25 / 25
Category:
Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F7: Giới thiệu CSS
Tags:
Bộ đề 1
Trong CSS, bộ chọn thuộc tính [attribute^=value] khớp với các phần tử có thuộc tính bắt đầu bằng giá trị được chỉ định. Kết luận Lý giải: a[href^=https://].
