Trắc nghiệm tin học 12 Bài F10

Câu 1 / 251.00 điểm

Trong CSS, “lớp giả” (pseudo-class) được sử dụng để làm gì khi định kiểu cho một phần tử?

AĐể định kiểu cho một trạng thái đặc biệt của phần tử.BĐể tạo ra một lớp CSS mới mà không cần khai báo trong HTML.CĐể áp dụng kiểu cho các phần tử dựa trên thuộc tính của chúng.DĐể chọn các phần tử con hoặc anh em của một phần tử.

Câu 2 / 251.00 điểm

Để định kiểu cho một siêu liên kết (<a>) ở trạng thái chưa được tương tác hoặc kích hoạt, bộ chọn nào sau đây được sử dụng?

Aa:hover.Ba:link.Ca:active.Da:visited.

Câu 3 / 251.00 điểm

Bộ chọn a:hover được sử dụng để định kiểu cho siêu liên kết ở trạng thái nào?

AKhi siêu liên kết đang được nháy và giữ chuột.BKhi siêu liên kết đã được người dùng truy cập.CKhi con trỏ chuột đang nằm trên siêu liên kết.DKhi siêu liên kết được chọn bằng bàn phím.

Câu 4 / 251.00 điểm

Khi một siêu liên kết đang được người dùng nháy hoặc giữ chuột, nó đang ở trạng thái nào?

ATrạng thái lướt qua (hover).BTrạng thái đã truy cập (visited).CTrạng thái tập trung (focus).DTrạng thái kích hoạt (active).

Câu 5 / 251.00 điểm

Để định kiểu cho một siêu liên kết mà người dùng đã truy cập trước đó, bộ chọn nào sau đây là đúng?

Aa:visited.Ba:link.Ca:hover.Da:active.

Câu 6 / 251.00 điểm

Trạng thái “tập trung” (focus) của một siêu liên kết xảy ra khi nào?

AKhi con trỏ chuột di chuyển ra khỏi siêu liên kết.BKhi siêu liên kết được chọn bằng bàn phím.CKhi siêu liên kết đang được nháy và giữ chuột.DKhi siêu liên kết đã được truy cập trước đó.

Câu 7 / 251.00 điểm

Để loại bỏ đường gạch chân mặc định của một siêu liên kết, thuộc tính và giá trị nào sau đây được sử dụng?

Atext-decoration: underline;.Bdecoration: none;.Ctext-decoration: none;.Dunderline: false;.

Câu 8 / 251.00 điểm

Để thay đổi kiểu dấu đầu dòng của một danh sách không có thứ tự (<ul>) thành hình tròn rỗng, thuộc tính list-style-type nhận giá trị nào?

Adisc.Bsquare.Cnone.Dcircle.

Câu 9 / 251.00 điểm

Để sử dụng một hình ảnh tùy chỉnh làm dấu đầu dòng cho các mục trong danh sách, thuộc tính CSS nào được sử dụng?

Alist-style-image.Blist-style-type.Clist-image.Dmarker-image.

Câu 10 / 251.00 điểm

Thuộc tính list-style-position với giá trị inside có tác dụng gì?

AĐặt dấu đầu dòng ở bên ngoài phần nội dung của mục.BĐặt dấu đầu dòng ở bên trong phần nội dung của mục.CẨn đi dấu đầu dòng của các mục trong danh sách.DThay đổi hình dạng của dấu đầu dòng thành hình vuông.

Câu 11 / 251.00 điểm

Một học sinh muốn thảo luận với bạn về các trạng thái của siêu liên kết khi có sự tương tác của người dùng. Có bao nhiêu trạng thái chính?

AHai trạng thái chính.BBa trạng thái chính.CNăm trạng thái chính.DBốn trạng thái chính.

Câu 12 / 251.00 điểm

Em hãy cho biết cách định kiểu cho các mục trong danh sách trong CSS.

ACó thể thay đổi màu sắc của các mục.BCó thể thay đổi kích thước của các mục.CCó thể thay đổi phông chữ của các mục.DCó thể thay đổi kiểu và vị trí dấu đầu dòng.

Câu 13 / 251.00 điểm

Để tạo một thanh trình đơn ngang, các mục danh sách (<li>) thường được định kiểu với thuộc tính display có giá trị là gì?

Ainline hoặc inline-block.Bblock.Cnone.Dflex.

Câu 14 / 251.00 điểm

Một học sinh muốn định kiểu cho các mục trong danh sách “Các hoạt động đã tham gia” sao cho mỗi mục có dấu đầu dòng là hình ảnh star.png. Đoạn mã CSS nào sau đây là đúng?

Ali { list-style-type: url('star.png'); }.Bul { list-style-image: url('star.png'); }.Cul { marker-image: url('star.png'); }.Dli { list-style-image: 'star.png'; }.

Câu 15 / 251.00 điểm

Để tạo một tệp HTML mới, trong đó bao gồm một thanh trình đơn mới theo các yêu cầu sau: Thanh trình đơn gồm các mục sau: Trang chủ, Học tập, Phong trào và Liên lạc.

ASử dụng thẻ <nav> và các thẻ <p> cho mỗi mục.BSử dụng một bảng <table> để tạo thanh trình đơn.CSử dụng thẻ <ul> và <li> chứa các thẻ <a>.DSử dụng các thẻ <div> riêng biệt cho mỗi mục.

Câu 16 / 251.00 điểm

Một học sinh muốn mỗi mục là một siêu liên kết đến một tệp HTML tương ứng. Thuộc tính nào cần được thêm vào thẻ <a>?

AThuộc tính src để chỉ định đường dẫn.BThuộc tính link để tạo liên kết.CThuộc tính target để mở trang mới.DThuộc tính href để chỉ định đường dẫn.

Câu 17 / 251.00 điểm

Để thanh trình đơn nằm bên trái trang web, theo phương dọc, thuộc tính CSS nào cần được áp dụng cho thẻ chứa thanh trình đơn?

Afloat: left; hoặc sử dụng Flexbox/Grid.Btext-align: left;.Cposition: absolute;.Ddisplay: block;.

Câu 18 / 251.00 điểm

Để định kiểu màu sắc tùy ý khi người dùng tương tác với thanh trình đơn, bộ chọn nào cần được sử dụng?

ABộ chọn :link và :visited.BBộ chọn :hover và các bộ chọn trạng thái khác.CBộ chọn :active và :focus.DBộ chọn :nth-child.

Câu 19 / 251.00 điểm

Theo mục tiêu của bài học, sau khi hoàn thành, học sinh cần có khả năng thực hiện được việc gì?

AĐịnh kiểu cho các siêu liên kết.BĐịnh kiểu cho các danh sách.CĐịnh kiểu cho cả siêu liên kết và danh sách.DTạo ra các thanh trình đơn đơn giản.

Câu 20 / 251.00 điểm

Tại sao việc định kiểu cho trạng thái :visited của siêu liên kết lại quan trọng đối với trải nghiệm người dùng?

AĐể làm cho liên kết trở nên nổi bật hơn.BĐể tăng tốc độ tải của trang web.CĐể đảm bảo tính nhất quán của giao diện.DĐể giúp người dùng biết được họ đã truy cập những đâu.

Câu 21 / 251.00 điểm

Một nhà thiết kế muốn tất cả các danh sách có thứ tự (<ol>) trên trang web đều được đánh số bằng chữ La Mã in hoa. Thuộc tính list-style-type nhận giá trị nào?

Aupper-roman.Blower-roman.Cdecimal.Dupper-alpha.

Câu 22 / 251.00 điểm

Để ẩn hoàn toàn dấu đầu dòng của một danh sách, thuộc tính list-style-type cần có giá trị là gì?

Ahidden.Bnone.Ctransparent.Dempty.

Câu 23 / 251.00 điểm

Một học sinh muốn tạo một hiệu ứng: khi di chuột qua một mục danh sách (<li>), nền của mục đó sẽ đổi thành màu xám nhạt. Đoạn mã CSS nào sau đây là đúng?

Ali:active { background-color: lightgray; }.Bul:hover { background-color: lightgray; }.Cli:hover { background-color: lightgray; }.Dli:focus { background-color: lightgray; }.

Câu 24 / 251.00 điểm

Khi tạo một thanh trình đơn ngang, việc sử dụng padding cho các thẻ <a> có tác dụng gì?

ATạo khoảng cách giữa các mục trình đơn.BThay đổi màu nền của các mục trình đơn.CLàm cho văn bản trong các mục được in đậm.DTăng kích thước vùng có thể nháy chuột của liên kết.

Câu 25 / 251.00 điểm

Sự khác biệt chính giữa việc sử dụng list-style-type và list-style-image là gì?

Alist-style-type dùng kí hiệu có sẵn, list-style-image dùng ảnh.Blist-style-type dùng cho <ol>, list-style-image dùng cho <ul>.Clist-style-type không thể bị ghi đè, list-style-image có thể.Dlist-style-type có nhiều giá trị hơn list-style-image.

Xem trước câu hỏi

Trắc nghiệm tin học 12 Bài F10

0 / 10

Xem trước câu hỏi

Đề kiểm tra liên quan

Trắc nghiệm tin học 12 Bài G3

Trắc nghiệm tin học 12 Bài G2

Trắc nghiệm tin học 12 Bài F9

Trắc nghiệm tin học 12 Bài F7

Trắc nghiệm tin học 12 Bài F5

Trắc nghiệm tin học 12 Bài F4

Câu hỏi liên quan