Đề Trắc nghiệm Tin học 12 – Bài F12: Định kiểu CSS cho biểu mẫu (Chân Trời Sáng Tạo)

Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký. Để tất cả các ô nhập liệu văn bản (``) có cùng chiều rộng là 250px, có lớp đệm (padding) 10px xung quanh nội dung và đường viền (border) 1px màu xám, bạn cần sử dụng các thuộc tính CSS nào cho bộ chọn `input[type="text"]`?

Câu 2: Biểu mẫu của bạn có nhiều ô nhập liệu với các giá trị padding và border khác nhau. Để đảm bảo *tổng* chiều rộng của mỗi ô nhập liệu (bao gồm nội dung, padding và border) *luôn* là 300px theo thiết kế, bất kể giá trị padding và border là bao nhiêu, bạn nên thêm thuộc tính CSS nào vào quy tắc định kiểu cho các ô nhập liệu này?

Câu 3: Bạn muốn làm nổi bật ô nhập liệu khi người dùng click vào nó (trạng thái focus) bằng cách đổi màu viền thành xanh dương và loại bỏ đường viền mặc định của trình duyệt. Quy tắc CSS nào sau đây thực hiện được điều này cho các ô nhập liệu kiểu văn bản?

Câu 4: Giả sử bạn áp dụng hai quy tắc CSS sau cho một ô nhập liệu: `input:focus { border: 2px solid red; }` và `input:focus { outline: 3px solid blue; }`. Khi ô nhập liệu được focus, điều gì sẽ xảy ra với đường viền và outline của nó?

Câu 5: Bạn muốn thiết kế nút 'Gửi' (``) trong biểu mẫu. Nút này cần có nền màu xanh lá cây (`#4CAF50`), chữ màu trắng, vùng đệm 12px trên dưới và 20px trái phải, và không có đường viền mặc định. Đoạn CSS nào sau đây thực hiện được các yêu cầu đó?

Câu 6: Để cung cấp phản hồi trực quan cho người dùng, bạn muốn nút 'Gửi' đổi màu nền sang xanh đậm hơn (`#45a049`) khi con trỏ chuột di chuyển qua nó. Bạn cần sử dụng pseudo-class nào để định kiểu cho trạng thái này?

Câu 7: Khi người dùng click và giữ chuột trên nút 'Gửi', bạn muốn nút có hiệu ứng 'ấn xuống' bằng cách giảm độ sáng màu nền một chút (ví dụ: `#3e8e41`). Pseudo-class nào được sử dụng để định kiểu cho trạng thái khi một phần tử đang được kích hoạt (nhấn và giữ chuột)?

Câu 8: Bạn có một nhóm các nút radio (``) và muốn làm nổi bật (ví dụ: thay đổi màu nền của `` liền kề) cho nút radio mà người dùng đã chọn. Sử dụng kết hợp bộ chọn nào để chọn `` ngay sau một input radio đang ở trạng thái được chọn?

Câu 9: Bạn muốn áp dụng một kiểu viền đặc biệt cho các hộp kiểm (``) *chưa* được chọn, khác với các hộp kiểm đã được chọn. Pseudo-class nào sau đây, kết hợp với pseudo-class `:checked`, cho phép bạn chọn các hộp kiểm ở trạng thái *không* được chọn?

Câu 10: Mặc định, thẻ `` là phần tử inline, làm cho label và input tương ứng hiển thị trên cùng một dòng (nếu đủ chỗ). Để mỗi label xuất hiện trên một dòng riêng biệt và ô nhập liệu tương ứng nằm ngay dưới nó, bạn nên đặt thuộc tính `display` cho thẻ `` là gì?

Câu 11: Bạn có các ô nhập liệu cho tên (`type="text"`), email (`type="email"`) và mật khẩu (`type="password"`). Bạn chỉ muốn áp dụng một kiểu nền màu vàng nhạt cho riêng ô nhập liệu email. Bộ chọn CSS nào sau đây chính xác nhất để chọn chỉ ô nhập liệu email?

Câu 12: Để tạo một khung rõ ràng cho toàn bộ biểu mẫu và thêm khoảng trống bên trong khung đó, bạn nên áp dụng các thuộc tính `border` và `padding` cho thẻ HTML nào?

Câu 13: Bạn muốn áp dụng cùng một bộ kiểu cơ bản (ví dụ: padding, border, box-sizing) cho cả ô nhập liệu văn bản (``) và vùng văn bản lớn (``). Cách hiệu quả nhất để viết quy tắc CSS này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3344561-27767' value='3344561'/> <label for='ays-answer-3344561-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], textarea { /* các thuộc tính */ }</label><label for='ays-answer-3344561-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3236081-27767' value='3236081'/> <label for='ays-answer-3236081-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], textarea { /* các thuộc tính */ }</label><label for='ays-answer-3236081-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3344562-27767' value='3344562'/> <label for='ays-answer-3344562-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] textarea { /* các thuộc tính */ }</label><label for='ays-answer-3344562-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3236082-27767' value='3236082'/> <label for='ays-answer-3236082-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] textarea { /* các thuộc tính */ }</label><label for='ays-answer-3236082-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3344563-27767' value='3344563'/> <label for='ays-answer-3344563-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] + textarea { /* các thuộc tính */ }</label><label for='ays-answer-3344563-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3236083-27767' value='3236083'/> <label for='ays-answer-3236083-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] + textarea { /* các thuộc tính */ }</label><label for='ays-answer-3236083-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3344564-27767' value='3344564'/> <label for='ays-answer-3344564-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] ~ textarea { /* các thuộc tính */ }</label><label for='ays-answer-3344564-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828613]' id='ays-answer-3236084-27767' value='3236084'/> <label for='ays-answer-3236084-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] ~ textarea { /* các thuộc tính */ }</label><label for='ays-answer-3236084-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828613'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NDU2MSI6IjEiLCIzMjM2MDgxIjoiMSIsIjMzNDQ1NjIiOiIwIiwiMzIzNjA4MiI6IjAiLCIzMzQ0NTYzIjoiMCIsIjMyMzYwODMiOiIwIiwiMzM0NDU2NCI6IjAiLCIzMjM2MDg0IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kỹ năng nhóm các bộ chọn để áp dụng cùng một bộ quy tắc CSS, giúp code gọn gàng và dễ quản lý hơn. Sử dụng dấu phẩy (`,`) để liệt kê nhiều bộ chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828614' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn có cấu trúc HTML cho mỗi trường nhập liệu như sau: `</p> <div class="form-group"><label>...</label><input type="text"></div> <p>`. Để áp dụng kiểu chỉ cho thẻ `<input>` nằm *bên trong* thẻ `</p> <div class="form-group">`, bộ chọn nào phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3344565-27767' value='3344565'/> <label for='ays-answer-3344565-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.form-group + input</label><label for='ays-answer-3344565-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3236085-27767' value='3236085'/> <label for='ays-answer-3236085-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.form-group + input</label><label for='ays-answer-3236085-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3344566-27767' value='3344566'/> <label for='ays-answer-3344566-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input .form-group</label><label for='ays-answer-3344566-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3236086-27767' value='3236086'/> <label for='ays-answer-3236086-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input .form-group</label><label for='ays-answer-3236086-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3344567-27767' value='3344567'/> <label for='ays-answer-3344567-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.form-group > label > input</label><label for='ays-answer-3344567-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3236087-27767' value='3236087'/> <label for='ays-answer-3236087-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.form-group > label > input</label><label for='ays-answer-3236087-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3344568-27767' value='3344568'/> <label for='ays-answer-3344568-27767' class=' ays_position_initial ays-quiz-keyboard-label'>div.form-group input</label><label for='ays-answer-3344568-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828614]' id='ays-answer-3236088-27767' value='3236088'/> <label for='ays-answer-3236088-27767' class=' ays_position_initial ays-quiz-keyboard-label'>div.form-group input</label><label for='ays-answer-3236088-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828614'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NDU2NSI6IjAiLCIzMjM2MDg1IjoiMCIsIjMzNDQ1NjYiOiIwIiwiMzIzNjA4NiI6IjAiLCIzMzQ0NTY3IjoiMCIsIjMyMzYwODciOiIwIiwiMzM0NDU2OCI6IjEiLCIzMjM2MDg4IjoiMSJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng bộ chọn con cháu (descendant selector). Dấu cách giữa hai bộ chọn (`div.form-group input`) chọn tất cả thẻ `input` là con cháu của thẻ `div` có class `form-group`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828615' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn thay đổi màu sắc và kiểu chữ của văn bản gợi ý (placeholder text) bên trong ô nhập liệu. Pseudo-element nào được sử dụng để định kiểu cho placeholder?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3344569-27767' value='3344569'/> <label for='ays-answer-3344569-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::hint</label><label for='ays-answer-3344569-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3236089-27767' value='3236089'/> <label for='ays-answer-3236089-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::hint</label><label for='ays-answer-3236089-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3344570-27767' value='3344570'/> <label for='ays-answer-3344570-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-3344570-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3236090-27767' value='3236090'/> <label for='ays-answer-3236090-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-3236090-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3344571-27767' value='3344571'/> <label for='ays-answer-3344571-27767' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-3344571-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3236091-27767' value='3236091'/> <label for='ays-answer-3236091-27767' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-3236091-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3344572-27767' value='3344572'/> <label for='ays-answer-3344572-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::input-text</label><label for='ays-answer-3344572-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828615]' id='ays-answer-3236092-27767' value='3236092'/> <label for='ays-answer-3236092-27767' class=' ays_position_initial ays-quiz-keyboard-label'>::input-text</label><label for='ays-answer-3236092-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828615'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NDU2OSI6IjAiLCIzMjM2MDg5IjoiMCIsIjMzNDQ1NzAiOiIxIiwiMzIzNjA5MCI6IjEiLCIzMzQ0NTcxIjoiMCIsIjMyMzYwOTEiOiIwIiwiMzM0NDU3MiI6IjAiLCIzMjM2MDkyIjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về pseudo-element `::placeholder`, được sử dụng để định kiểu cho văn bản placeholder trong các thẻ input và textarea.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828616' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Để đảm bảo tất cả các ô nhập liệu và vùng văn bản lớn trong biểu mẫu sử dụng cùng một phông chữ và kích thước chữ với phần còn lại của trang, bạn nên áp dụng các thuộc tính `font-family` và `font-size` cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3344573-27767' value='3344573'/> <label for='ays-answer-3344573-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cho thẻ `body` hoặc thẻ `<form>`.</label><label for='ays-answer-3344573-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3236093-27767' value='3236093'/> <label for='ays-answer-3236093-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cho thẻ `body` hoặc thẻ `<form>`.</label><label for='ays-answer-3236093-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3344574-27767' value='3344574'/> <label for='ays-answer-3344574-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng riêng lẻ cho từng loại input (text, email, password, textarea).</label><label for='ays-answer-3344574-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3236094-27767' value='3236094'/> <label for='ays-answer-3236094-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng riêng lẻ cho từng loại input (text, email, password, textarea).</label><label for='ays-answer-3236094-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3344575-27767' value='3344575'/> <label for='ays-answer-3344575-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần áp dụng cho thẻ `<label>`.</label><label for='ays-answer-3344575-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3236095-27767' value='3236095'/> <label for='ays-answer-3236095-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần áp dụng cho thẻ `<label>`.</label><label for='ays-answer-3236095-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3236096-27767' value='3236096'/> <label for='ays-answer-3236096-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `text-style` cho mỗi input.</label><label for='ays-answer-3236096-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828616]' id='ays-answer-3344576-27767' value='3344576'/> <label for='ays-answer-3344576-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `text-style` cho mỗi input.</label><label for='ays-answer-3344576-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828616'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzM0NDU3MyI6IjEiLCIzMjM2MDkzIjoiMSIsIjMzNDQ1NzQiOiIwIiwiMzIzNjA5NCI6IjAiLCIzMzQ0NTc1IjoiMCIsIjMyMzYwOTUiOiIwIiwiMzIzNjA5NiI6IjAiLCIzMzQ0NTc2IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra nguyên tắc kế thừa trong CSS. Các thuộc tính font thường được kế thừa từ phần tử cha. Áp dụng cho thẻ `body` hoặc thẻ chứa biểu mẫu (`form` hoặc một `div` bao ngoài) là cách hiệu quả nhất để đảm bảo tính nhất quán.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828617' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi một ô nhập liệu bị vô hiệu hóa (disabled) bằng thuộc tính HTML `disabled`, bạn muốn nó có màu nền xám nhạt và con trỏ chuột thay đổi thành biểu tượng 'không được phép'. Pseudo-class và thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3236097-27767' value='3236097'/> <label for='ays-answer-3236097-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:inactive { background-color: lightgray; cursor: default; }</label><label for='ays-answer-3236097-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3344577-27767' value='3344577'/> <label for='ays-answer-3344577-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:inactive { background-color: lightgray; cursor: default; }</label><label for='ays-answer-3344577-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3236098-27767' value='3236098'/> <label for='ays-answer-3236098-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[readonly] { background: gray; cursor: grab; }</label><label for='ays-answer-3236098-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3344578-27767' value='3344578'/> <label for='ays-answer-3344578-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[readonly] { background: gray; cursor: grab; }</label><label for='ays-answer-3344578-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3236099-27767' value='3236099'/> <label for='ays-answer-3236099-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { background-color: lightgray; cursor: not-allowed; }</label><label for='ays-answer-3236099-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3344579-27767' value='3344579'/> <label for='ays-answer-3344579-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { background-color: lightgray; cursor: not-allowed; }</label><label for='ays-answer-3344579-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3236100-27767' value='3236100'/> <label for='ays-answer-3236100-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input.disabled { background-color: gray; cursor: no-drop; }</label><label for='ays-answer-3236100-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828617]' id='ays-answer-3344580-27767' value='3344580'/> <label for='ays-answer-3344580-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input.disabled { background-color: gray; cursor: no-drop; }</label><label for='ays-answer-3344580-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828617'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjA5NyI6IjAiLCIzMzQ0NTc3IjoiMCIsIjMyMzYwOTgiOiIwIiwiMzM0NDU3OCI6IjAiLCIzMjM2MDk5IjoiMSIsIjMzNDQ1NzkiOiIxIiwiMzIzNjEwMCI6IjAiLCIzMzQ0NTgwIjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng pseudo-class `:disabled` để định kiểu cho các phần tử bị vô hiệu hóa. `background-color` thay đổi màu nền, và `cursor: not-allowed;` thay đổi hình dạng con trỏ chuột.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828618' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Trình duyệt thường áp dụng một số kiểu mặc định (như margin, padding) cho các phần tử biểu mẫu, gây khó khăn trong việc định kiểu nhất quán. Để loại bỏ hoặc đặt lại các kiểu mặc định này cho các ô nhập liệu (`input`) và vùng văn bản (`textarea`), bạn thường đặt `margin` và `padding` bằng 0. Mục đích chính của việc này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3236101-27767' value='3236101'/> <label for='ays-answer-3236101-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo khoảng cách và kích thước của các phần tử được kiểm soát hoàn toàn bằng CSS của người dùng, không bị ảnh hưởng bởi kiểu mặc định của trình duyệt.</label><label for='ays-answer-3236101-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3344581-27767' value='3344581'/> <label for='ays-answer-3344581-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo khoảng cách và kích thước của các phần tử được kiểm soát hoàn toàn bằng CSS của người dùng, không bị ảnh hưởng bởi kiểu mặc định của trình duyệt.</label><label for='ays-answer-3344581-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3236102-27767' value='3236102'/> <label for='ays-answer-3236102-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tăng tốc độ tải trang web.</label><label for='ays-answer-3236102-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3344582-27767' value='3344582'/> <label for='ays-answer-3344582-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tăng tốc độ tải trang web.</label><label for='ays-answer-3344582-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3236103-27767' value='3236103'/> <label for='ays-answer-3236103-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho văn bản trong ô nhập liệu căn giữa theo chiều dọc.</label><label for='ays-answer-3236103-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3344583-27767' value='3344583'/> <label for='ays-answer-3344583-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho văn bản trong ô nhập liệu căn giữa theo chiều dọc.</label><label for='ays-answer-3344583-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3236104-27767' value='3236104'/> <label for='ays-answer-3236104-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động thêm đường viền cho tất cả các ô nhập liệu.</label><label for='ays-answer-3236104-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828618]' id='ays-answer-3344584-27767' value='3344584'/> <label for='ays-answer-3344584-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động thêm đường viền cho tất cả các ô nhập liệu.</label><label for='ays-answer-3344584-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828618'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEwMSI6IjEiLCIzMzQ0NTgxIjoiMSIsIjMyMzYxMDIiOiIwIiwiMzM0NDU4MiI6IjAiLCIzMjM2MTAzIjoiMCIsIjMzNDQ1ODMiOiIwIiwiMzIzNjEwNCI6IjAiLCIzMzQ0NTg0IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về việc reset CSS và mục đích của nó trong việc định kiểu form. Reset margin/padding giúp kiểm soát khoảng cách và kích thước chính xác hơn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828619' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Các cặp label/input của bạn đang hiển thị quá sát nhau theo chiều dọc. Bạn muốn thêm khoảng trống 15px giữa mỗi cặp này. Giả sử mỗi cặp được bọc trong một thẻ `</p> <div class="form-group">`. Bạn nên sử dụng thuộc tính nào và áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3236105-27767' value='3236105'/> <label for='ays-answer-3236105-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom: 15px; cho input</label><label for='ays-answer-3236105-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3344585-27767' value='3344585'/> <label for='ays-answer-3344585-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom: 15px; cho input</label><label for='ays-answer-3344585-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3236106-27767' value='3236106'/> <label for='ays-answer-3236106-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom: 15px; cho div.form-group</label><label for='ays-answer-3236106-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3344586-27767' value='3344586'/> <label for='ays-answer-3344586-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom: 15px; cho div.form-group</label><label for='ays-answer-3344586-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3236107-27767' value='3236107'/> <label for='ays-answer-3236107-27767' class=' ays_position_initial ays-quiz-keyboard-label'>height: calc(100% + 15px); cho input</label><label for='ays-answer-3236107-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3344587-27767' value='3344587'/> <label for='ays-answer-3344587-27767' class=' ays_position_initial ays-quiz-keyboard-label'>height: calc(100% + 15px); cho input</label><label for='ays-answer-3344587-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3236108-27767' value='3236108'/> <label for='ays-answer-3236108-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom: 15px solid transparent; cho label</label><label for='ays-answer-3236108-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828619]' id='ays-answer-3344588-27767' value='3344588'/> <label for='ays-answer-3344588-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom: 15px solid transparent; cho label</label><label for='ays-answer-3344588-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828619'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEwNSI6IjAiLCIzMzQ0NTg1IjoiMCIsIjMyMzYxMDYiOiIxIiwiMzM0NDU4NiI6IjEiLCIzMjM2MTA3IjoiMCIsIjMzNDQ1ODciOiIwIiwiMzIzNjEwOCI6IjAiLCIzMzQ0NTg4IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng thuộc tính `margin` để tạo khoảng cách giữa các phần tử. Áp dụng `margin-bottom` cho container của mỗi nhóm (`.form-group`) sẽ tạo khoảng cách dưới mỗi nhóm, đẩy nhóm tiếp theo xuống.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828620' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Văn bản người dùng nhập vào trong ô text input đang dính sát vào đường viền. Để tạo không gian giữa văn bản và đường viền bên trong ô nhập liệu, bạn cần sử dụng thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3236109-27767' value='3236109'/> <label for='ays-answer-3236109-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3236109-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3344589-27767' value='3344589'/> <label for='ays-answer-3344589-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3344589-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3236110-27767' value='3236110'/> <label for='ays-answer-3236110-27767' class=' ays_position_initial ays-quiz-keyboard-label'>space-inner</label><label for='ays-answer-3236110-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3344590-27767' value='3344590'/> <label for='ays-answer-3344590-27767' class=' ays_position_initial ays-quiz-keyboard-label'>space-inner</label><label for='ays-answer-3344590-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3236111-27767' value='3236111'/> <label for='ays-answer-3236111-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3236111-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3344591-27767' value='3344591'/> <label for='ays-answer-3344591-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3344591-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3236112-27767' value='3236112'/> <label for='ays-answer-3236112-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3236112-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828620]' id='ays-answer-3344592-27767' value='3344592'/> <label for='ays-answer-3344592-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3344592-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828620'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEwOSI6IjAiLCIzMzQ0NTg5IjoiMCIsIjMyMzYxMTAiOiIwIiwiMzM0NDU5MCI6IjAiLCIzMjM2MTExIjoiMCIsIjMzNDQ1OTEiOiIwIiwiMzIzNjExMiI6IjEiLCIzMzQ0NTkyIjoiMSJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về Box Model và thuộc tính `padding`. Padding tạo không gian bên trong phần tử, giữa nội dung và đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828621' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Khi dữ liệu nhập vào một ô không hợp lệ, bạn muốn thêm một đường viền màu đỏ đậm để báo lỗi cho người dùng. Bạn đã thêm class `error` vào ô nhập liệu đó bằng JavaScript. Quy tắc CSS nào sau đây áp dụng viền đỏ cho ô nhập liệu có class `error`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3236113-27767' value='3236113'/> <label for='ays-answer-3236113-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input.error { border: 2px solid red; }</label><label for='ays-answer-3236113-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3344593-27767' value='3344593'/> <label for='ays-answer-3344593-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input.error { border: 2px solid red; }</label><label for='ays-answer-3344593-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3236114-27767' value='3236114'/> <label for='ays-answer-3236114-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:invalid { border-color: red; }</label><label for='ays-answer-3236114-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3344594-27767' value='3344594'/> <label for='ays-answer-3344594-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input:invalid { border-color: red; }</label><label for='ays-answer-3344594-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3236115-27767' value='3236115'/> <label for='ays-answer-3236115-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.error input { border: 2px solid red; }</label><label for='ays-answer-3236115-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3344595-27767' value='3344595'/> <label for='ays-answer-3344595-27767' class=' ays_position_initial ays-quiz-keyboard-label'>.error input { border: 2px solid red; }</label><label for='ays-answer-3344595-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3236116-27767' value='3236116'/> <label for='ays-answer-3236116-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[data-error] { border-color: red; }</label><label for='ays-answer-3236116-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828621]' id='ays-answer-3344596-27767' value='3344596'/> <label for='ays-answer-3344596-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[data-error] { border-color: red; }</label><label for='ays-answer-3344596-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828621'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjExMyI6IjEiLCIzMzQ0NTkzIjoiMSIsIjMyMzYxMTQiOiIwIiwiMzM0NDU5NCI6IjAiLCIzMjM2MTE1IjoiMCIsIjMzNDQ1OTUiOiIwIiwiMzIzNjExNiI6IjAiLCIzMzQ0NTk2IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu sử dụng bộ chọn lớp (`.error`) để áp dụng kiểu dựa trên class được thêm vào phần tử. Kết hợp với bộ chọn phần tử (`input`) sẽ cụ thể hơn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828622' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn áp dụng một kiểu viền cơ bản (ví dụ: 1px solid #ccc) cho *tất cả* các ô nhập liệu (`<input>`) và vùng văn bản lớn (`<textarea>`) chỉ nằm *bên trong* thẻ `</p> <form>`. Quy tắc CSS nào sau đây thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3236117-27767' value='3236117'/> <label for='ays-answer-3236117-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3236117-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3344597-27767' value='3344597'/> <label for='ays-answer-3344597-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3344597-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3236118-27767' value='3236118'/> <label for='ays-answer-3236118-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form > input, form > textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3236118-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3344598-27767' value='3344598'/> <label for='ays-answer-3344598-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form > input, form > textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3344598-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3236119-27767' value='3236119'/> <label for='ays-answer-3236119-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form input, form textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3236119-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3344599-27767' value='3344599'/> <label for='ays-answer-3344599-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form input, form textarea { border: 1px solid #ccc; }</label><label for='ays-answer-3344599-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3236120-27767' value='3236120'/> <label for='ays-answer-3236120-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form (input, textarea) { border: 1px solid #ccc; }</label><label for='ays-answer-3236120-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828622]' id='ays-answer-3344600-27767' value='3344600'/> <label for='ays-answer-3344600-27767' class=' ays_position_initial ays-quiz-keyboard-label'>form (input, textarea) { border: 1px solid #ccc; }</label><label for='ays-answer-3344600-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828622'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjExNyI6IjAiLCIzMzQ0NTk3IjoiMCIsIjMyMzYxMTgiOiIwIiwiMzM0NDU5OCI6IjAiLCIzMjM2MTE5IjoiMSIsIjMzNDQ1OTkiOiIxIiwiMzIzNjEyMCI6IjAiLCIzMzQ0NjAwIjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng bộ chọn con cháu và nhóm bộ chọn. `form input` chọn tất cả input bên trong form. `form textarea` chọn tất cả textarea bên trong form. Sử dụng dấu phẩy để nhóm hai bộ chọn này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828623' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Giả sử bạn có HTML `<input type="text" id="username" class="form-control">` và các quy tắc CSS sau: `#username { border-color: red; }`, `.form-control { border-color: blue; }`, `input[type="text"] { border-color: green; }`. Theo nguyên tắc đặc trưng (specificity) của CSS, ô nhập liệu này sẽ có màu viền là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3236121-27767' value='3236121'/> <label for='ays-answer-3236121-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Đỏ (red)</label><label for='ays-answer-3236121-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3344601-27767' value='3344601'/> <label for='ays-answer-3344601-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Đỏ (red)</label><label for='ays-answer-3344601-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3236122-27767' value='3236122'/> <label for='ays-answer-3236122-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh dương (blue)</label><label for='ays-answer-3236122-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3344602-27767' value='3344602'/> <label for='ays-answer-3344602-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh dương (blue)</label><label for='ays-answer-3344602-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3236123-27767' value='3236123'/> <label for='ays-answer-3236123-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh lá cây (green)</label><label for='ays-answer-3236123-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3344603-27767' value='3344603'/> <label for='ays-answer-3344603-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh lá cây (green)</label><label for='ays-answer-3344603-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3236124-27767' value='3236124'/> <label for='ays-answer-3236124-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định của trình duyệt</label><label for='ays-answer-3236124-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828623]' id='ays-answer-3344604-27767' value='3344604'/> <label for='ays-answer-3344604-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định của trình duyệt</label><label for='ays-answer-3344604-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828623'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEyMSI6IjEiLCIzMzQ0NjAxIjoiMSIsIjMyMzYxMjIiOiIwIiwiMzM0NDYwMiI6IjAiLCIzMjM2MTIzIjoiMCIsIjMzNDQ2MDMiOiIwIiwiMzIzNjEyNCI6IjAiLCIzMzQ0NjA0IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về đặc trưng của bộ chọn CSS (Selector Specificity). Bộ chọn ID (`#username`) có đặc trưng cao nhất (100), cao hơn bộ chọn class (`.form-control`, 10) và bộ chọn thuộc tính/thẻ (`input[type="text"]`, 1+10+1=12). Do đó, quy tắc có bộ chọn ID sẽ được ưu tiên áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828624' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn định kiểu cho thẻ `<textarea>` (vùng văn bản lớn) để nó có chiều rộng 400px, chiều cao 150px và ngăn người dùng thay đổi kích thước bằng cách kéo góc. Các thuộc tính CSS nào cần thiết?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3236125-27767' value='3236125'/> <label for='ays-answer-3236125-27767' class=' ays_position_initial ays-quiz-keyboard-label'>size: 400x150; resizable: false;</label><label for='ays-answer-3236125-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3344605-27767' value='3344605'/> <label for='ays-answer-3344605-27767' class=' ays_position_initial ays-quiz-keyboard-label'>size: 400x150; resizable: false;</label><label for='ays-answer-3344605-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3236126-27767' value='3236126'/> <label for='ays-answer-3236126-27767' class=' ays_position_initial ays-quiz-keyboard-label'>width: 400px; height: 150px; overflow: hidden;</label><label for='ays-answer-3236126-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3344606-27767' value='3344606'/> <label for='ays-answer-3344606-27767' class=' ays_position_initial ays-quiz-keyboard-label'>width: 400px; height: 150px; overflow: hidden;</label><label for='ays-answer-3344606-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3236127-27767' value='3236127'/> <label for='ays-answer-3236127-27767' class=' ays_position_initial ays-quiz-keyboard-label'>columns: 400; rows: 150; overflow-wrap: break-word;</label><label for='ays-answer-3236127-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3344607-27767' value='3344607'/> <label for='ays-answer-3344607-27767' class=' ays_position_initial ays-quiz-keyboard-label'>columns: 400; rows: 150; overflow-wrap: break-word;</label><label for='ays-answer-3344607-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3236128-27767' value='3236128'/> <label for='ays-answer-3236128-27767' class=' ays_position_initial ays-quiz-keyboard-label'>width: 400px; height: 150px; resize: none;</label><label for='ays-answer-3236128-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828624]' id='ays-answer-3344608-27767' value='3344608'/> <label for='ays-answer-3344608-27767' class=' ays_position_initial ays-quiz-keyboard-label'>width: 400px; height: 150px; resize: none;</label><label for='ays-answer-3344608-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828624'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEyNSI6IjAiLCIzMzQ0NjA1IjoiMCIsIjMyMzYxMjYiOiIwIiwiMzM0NDYwNiI6IjAiLCIzMjM2MTI3IjoiMCIsIjMzNDQ2MDciOiIwIiwiMzIzNjEyOCI6IjEiLCIzMzQ0NjA4IjoiMSJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng các thuộc tính để định kích thước và kiểm soát hành vi resize của textarea. `width` và `height` đặt kích thước, `resize: none;` ngăn người dùng thay đổi kích thước.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828625' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn thêm một đường viền đơn giản cho thẻ `<select>` (dropdown list). Bộ chọn nào sau đây nhắm đúng vào thẻ `<select>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3236129-27767' value='3236129'/> <label for='ays-answer-3236129-27767' class=' ays_position_initial ays-quiz-keyboard-label'>select</label><label for='ays-answer-3236129-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3344609-27767' value='3344609'/> <label for='ays-answer-3344609-27767' class=' ays_position_initial ays-quiz-keyboard-label'>select</label><label for='ays-answer-3344609-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3236130-27767' value='3236130'/> <label for='ays-answer-3236130-27767' class=' ays_position_initial ays-quiz-keyboard-label'>[type="select"]</label><label for='ays-answer-3236130-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3344610-27767' value='3344610'/> <label for='ays-answer-3344610-27767' class=' ays_position_initial ays-quiz-keyboard-label'>[type="select"]</label><label for='ays-answer-3344610-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3236131-27767' value='3236131'/> <label for='ays-answer-3236131-27767' class=' ays_position_initial ays-quiz-keyboard-label'>dropdown</label><label for='ays-answer-3236131-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3344611-27767' value='3344611'/> <label for='ays-answer-3344611-27767' class=' ays_position_initial ays-quiz-keyboard-label'>dropdown</label><label for='ays-answer-3344611-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3236132-27767' value='3236132'/> <label for='ays-answer-3236132-27767' class=' ays_position_initial ays-quiz-keyboard-label'>option</label><label for='ays-answer-3236132-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828625]' id='ays-answer-3344612-27767' value='3344612'/> <label for='ays-answer-3344612-27767' class=' ays_position_initial ays-quiz-keyboard-label'>option</label><label for='ays-answer-3344612-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828625'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEyOSI6IjEiLCIzMzQ0NjA5IjoiMSIsIjMyMzYxMzAiOiIwIiwiMzM0NDYxMCI6IjAiLCIzMjM2MTMxIjoiMCIsIjMzNDQ2MTEiOiIwIiwiMzIzNjEzMiI6IjAiLCIzMzQ0NjEyIjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra bộ chọn thẻ đơn giản. Để chọn thẻ `<select>`, chỉ cần sử dụng tên thẻ làm bộ chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828626' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để cải thiện trải nghiệm người dùng, bạn muốn con trỏ chuột hiển thị biểu tượng 'bàn tay' (pointer) khi di chuyển qua nút 'Gửi'. Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ chuột?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3236133-27767' value='3236133'/> <label for='ays-answer-3236133-27767' class=' ays_position_initial ays-quiz-keyboard-label'>mouse-icon: hand;</label><label for='ays-answer-3236133-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3344613-27767' value='3344613'/> <label for='ays-answer-3344613-27767' class=' ays_position_initial ays-quiz-keyboard-label'>mouse-icon: hand;</label><label for='ays-answer-3344613-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3236134-27767' value='3236134'/> <label for='ays-answer-3236134-27767' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-3236134-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3344614-27767' value='3344614'/> <label for='ays-answer-3344614-27767' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-3344614-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3236135-27767' value='3236135'/> <label for='ays-answer-3236135-27767' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events: auto;</label><label for='ays-answer-3236135-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3344615-27767' value='3344615'/> <label for='ays-answer-3344615-27767' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events: auto;</label><label for='ays-answer-3344615-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3236136-27767' value='3236136'/> <label for='ays-answer-3236136-27767' class=' ays_position_initial ays-quiz-keyboard-label'>interaction: clickable;</label><label for='ays-answer-3236136-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828626]' id='ays-answer-3344616-27767' value='3344616'/> <label for='ays-answer-3344616-27767' class=' ays_position_initial ays-quiz-keyboard-label'>interaction: clickable;</label><label for='ays-answer-3344616-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828626'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEzMyI6IjAiLCIzMzQ0NjEzIjoiMCIsIjMyMzYxMzQiOiIxIiwiMzM0NDYxNCI6IjEiLCIzMjM2MTM1IjoiMCIsIjMzNDQ2MTUiOiIwIiwiMzIzNjEzNiI6IjAiLCIzMzQ0NjE2IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng thuộc tính `cursor` để thay đổi hình dạng con trỏ chuột. Giá trị `pointer` thường được dùng cho các phần tử có thể click.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828627' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Phân tích đoạn CSS sau áp dụng cho một ô nhập liệu văn bản: `input[type="text"] { padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; }`. Mô tả nào sau đây về giao diện của ô nhập liệu này là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3236137-27767' value='3236137'/> <label for='ays-answer-3236137-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng cách 8px bên ngoài, viền nét đứt màu xám và góc vuông.</label><label for='ays-answer-3236137-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3344617-27767' value='3344617'/> <label for='ays-answer-3344617-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng cách 8px bên ngoài, viền nét đứt màu xám và góc vuông.</label><label for='ays-answer-3344617-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3236138-27767' value='3236138'/> <label for='ays-answer-3236138-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng cách 12px bên ngoài, viền nét liền màu đen và góc tròn.</label><label for='ays-answer-3236138-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3344618-27767' value='3344618'/> <label for='ays-answer-3344618-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng cách 12px bên ngoài, viền nét liền màu đen và góc tròn.</label><label for='ays-answer-3344618-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3236139-27767' value='3236139'/> <label for='ays-answer-3236139-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng trống 8px trên dưới và 12px trái phải bên trong, viền nét liền màu xám nhạt và góc hơi tròn.</label><label for='ays-answer-3236139-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3344619-27767' value='3344619'/> <label for='ays-answer-3344619-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Có khoảng trống 8px trên dưới và 12px trái phải bên trong, viền nét liền màu xám nhạt và góc hơi tròn.</label><label for='ays-answer-3344619-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3236140-27767' value='3236140'/> <label for='ays-answer-3236140-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Không có khoảng trống bên trong, viền dày 8px và góc rất tròn.</label><label for='ays-answer-3236140-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828627]' id='ays-answer-3344620-27767' value='3344620'/> <label for='ays-answer-3344620-27767' class=' ays_position_initial ays-quiz-keyboard-label'>Không có khoảng trống bên trong, viền dày 8px và góc rất tròn.</label><label for='ays-answer-3344620-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828627'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjEzNyI6IjAiLCIzMzQ0NjE3IjoiMCIsIjMyMzYxMzgiOiIwIiwiMzM0NDYxOCI6IjAiLCIzMjM2MTM5IjoiMSIsIjMzNDQ2MTkiOiIxIiwiMzIzNjE0MCI6IjAiLCIzMzQ0NjIwIjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích một đoạn CSS và mô tả kết quả giao diện. `padding` tạo khoảng trống bên trong, `border` tạo đường viền, `border-radius` làm tròn góc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828628' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn áp dụng một kiểu nền màu xanh lá cây cho một nút radio chỉ khi nó được chọn *và* con trỏ chuột đang di chuyển qua nó. Bộ chọn kết hợp nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3236141-27767' value='3236141'/> <label for='ays-answer-3236141-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked:hover</label><label for='ays-answer-3236141-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3344621-27767' value='3344621'/> <label for='ays-answer-3344621-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked:hover</label><label for='ays-answer-3344621-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3236142-27767' value='3236142'/> <label for='ays-answer-3236142-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:hover:checked</label><label for='ays-answer-3236142-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3344622-27767' value='3344622'/> <label for='ays-answer-3344622-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:hover:checked</label><label for='ays-answer-3344622-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3236143-27767' value='3236143'/> <label for='ays-answer-3236143-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked + :hover</label><label for='ays-answer-3236143-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3344623-27767' value='3344623'/> <label for='ays-answer-3344623-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked + :hover</label><label for='ays-answer-3344623-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3236144-27767' value='3236144'/> <label for='ays-answer-3236144-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:hover ~ :checked</label><label for='ays-answer-3236144-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828628]' id='ays-answer-3344624-27767' value='3344624'/> <label for='ays-answer-3344624-27767' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:hover ~ :checked</label><label for='ays-answer-3344624-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828628'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjE0MSI6IjEiLCIzMzQ0NjIxIjoiMSIsIjMyMzYxNDIiOiIwIiwiMzM0NDYyMiI6IjAiLCIzMjM2MTQzIjoiMCIsIjMzNDQ2MjMiOiIwIiwiMzIzNjE0NCI6IjAiLCIzMzQ0NjI0IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc kết hợp nhiều pseudo-class và bộ chọn thuộc tính. `input[type="radio"]` chọn nút radio, `:checked` chọn trạng thái đã check, `:hover` chọn trạng thái hover. Kết hợp chúng lại sẽ chọn input radio đang được check VÀ đang được hover.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828629' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Các ô nhập liệu trong biểu mẫu của bạn đang hiển thị trên cùng một dòng nhưng dính sát vào nhau. Để tạo khoảng cách ngang 10px giữa các ô nhập liệu *khi chúng hiển thị inline hoặc inline-block*, bạn có thể sử dụng thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3236145-27767' value='3236145'/> <label for='ays-answer-3236145-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding-left: 10px;</label><label for='ays-answer-3236145-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3344625-27767' value='3344625'/> <label for='ays-answer-3344625-27767' class=' ays_position_initial ays-quiz-keyboard-label'>padding-left: 10px;</label><label for='ays-answer-3344625-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3236146-27767' value='3236146'/> <label for='ays-answer-3236146-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing: 10px;</label><label for='ays-answer-3236146-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3344626-27767' value='3344626'/> <label for='ays-answer-3344626-27767' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing: 10px;</label><label for='ays-answer-3344626-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3236147-27767' value='3236147'/> <label for='ays-answer-3236147-27767' class=' ays_position_initial ays-quiz-keyboard-label'>space-between: 10px;</label><label for='ays-answer-3236147-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3344627-27767' value='3344627'/> <label for='ays-answer-3344627-27767' class=' ays_position_initial ays-quiz-keyboard-label'>space-between: 10px;</label><label for='ays-answer-3344627-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3236148-27767' value='3236148'/> <label for='ays-answer-3236148-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-right: 10px;</label><label for='ays-answer-3236148-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828629]' id='ays-answer-3344628-27767' value='3344628'/> <label for='ays-answer-3344628-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-right: 10px;</label><label for='ays-answer-3344628-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828629'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjE0NSI6IjAiLCIzMzQ0NjI1IjoiMCIsIjMyMzYxNDYiOiIwIiwiMzM0NDYyNiI6IjAiLCIzMjM2MTQ3IjoiMCIsIjMzNDQ2MjciOiIwIiwiMzIzNjE0OCI6IjEiLCIzMzQ0NjI4IjoiMSJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách tạo khoảng cách ngang giữa các phần tử. `margin-right` hoặc `margin-left` được sử dụng để thêm khoảng trống bên ngoài phần tử theo chiều ngang.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='828630' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 01</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Một biểu mẫu có các trường nhập liệu cần được căn chỉnh thẳng hàng theo chiều dọc. Mỗi trường bao gồm một `<label>` và một `<input>` hoặc `<textarea>`. Nếu bạn đặt `display: block;` cho cả `label` và `input`/`textarea`, chúng sẽ hiển thị trên các dòng riêng biệt. Để căn chỉnh các trường này theo một cột duy nhất và kiểm soát khoảng cách giữa chúng, việc sử dụng `display: block;` kết hợp với thuộc tính nào sau đây là phổ biến và hiệu quả?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3236149-27767' value='3236149'/> <label for='ays-answer-3236149-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom</label><label for='ays-answer-3236149-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3344629-27767' value='3344629'/> <label for='ays-answer-3344629-27767' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom</label><label for='ays-answer-3344629-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3236150-27767' value='3236150'/> <label for='ays-answer-3236150-27767' class=' ays_position_initial ays-quiz-keyboard-label'>float</label><label for='ays-answer-3236150-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3344630-27767' value='3344630'/> <label for='ays-answer-3344630-27767' class=' ays_position_initial ays-quiz-keyboard-label'>float</label><label for='ays-answer-3344630-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3236151-27767' value='3236151'/> <label for='ays-answer-3236151-27767' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align</label><label for='ays-answer-3236151-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3344631-27767' value='3344631'/> <label for='ays-answer-3344631-27767' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align</label><label for='ays-answer-3344631-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3236152-27767' value='3236152'/> <label for='ays-answer-3236152-27767' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-3236152-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-828630]' id='ays-answer-3344632-27767' value='3344632'/> <label for='ays-answer-3344632-27767' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-3344632-27767' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27767 === 'undefined'){ window.quizOptions_27767 = []; } window.quizOptions_27767['828630'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzNjE0OSI6IjEiLCIzMzQ0NjI5IjoiMSIsIjMyMzYxNTAiOiIwIiwiMzM0NDYzMCI6IjAiLCIzMjM2MTUxIjoiMCIsIjMzNDQ2MzEiOiIwIiwiMzIzNjE1MiI6IjAiLCIzMzQ0NjMyIjoiMCJ9fQ==';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_27767" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_27767" style="display:none" data-id="30" data-quiz_id="27767"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_27767" maxlength="10" /> <input type="hidden" value="" id="kw-id_27767" /> <a id="submit_kw_hub_27767" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_27767" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_27767" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_27767"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_27767" id="kw_get_pass_27767" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_27767">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_27767" style="display:none"> <input type="hidden" value="27767" name="current_active_quiz_id" id="current_active_quiz_id_27767" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_27767'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng `display: block` cho các phần tử form để xếp chúng theo cột và sau đó sử dụng `margin` để tạo khoảng cách giữa các hàng (các khối label/input). `margin-bottom` là thuộc tính thích hợp để tạo khoảng cách dọc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-27767 * { box-sizing: border-box; } #ays-quiz-container-27767 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-27767 #ays_finish_quiz_27767 { } /* Styles for Quiz container */ #ays-quiz-container-27767{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-27767 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-27767 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-27767.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-27767.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-27767 #ays_finish_quiz_27767 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-27767.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container p, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-27767.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-27767 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-27767 .ays-quiz-password-message-box, #ays-quiz-container-27767 .ays-quiz-question-note-message-box, #ays-quiz-container-27767 .ays_quiz_question, #ays-quiz-container-27767 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-27767 textarea, #ays-quiz-container-27767 input::first-letter, #ays-quiz-container-27767 select::first-letter, #ays-quiz-container-27767 option::first-letter { color: initial !important; } #ays-quiz-container-27767 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-27767 .select2-container, #ays-quiz-container-27767 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-27767 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-27767 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-27767 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-27767 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-27767 .ays-questions-container .ays-field, div#ays-quiz-container-27767 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-27767 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-27767 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-27767 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-27767 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-27767 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-27767 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-27767 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-27767 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-27767 .information_form input[type='text'], #ays-quiz-container-27767 .information_form input[type='url'], #ays-quiz-container-27767 .information_form input[type='number'], #ays-quiz-container-27767 .information_form input[type='email'], #ays-quiz-container-27767 .information_form input[type='tel'], #ays-quiz-container-27767 .information_form textarea, #ays-quiz-container-27767 .information_form select, #ays-quiz-container-27767 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-27767 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-27767 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-27767 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-27767 .right_answer_text{ color:#33cc33; } #ays-quiz-container-27767 .right_answer_text p { font-size:16px; } #ays-quiz-container-27767 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-27767 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-27767 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27767 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27767 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27767 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27767 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27767 .ays_cb_and_a, #ays-quiz-container-27767 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-27767 iframe { /*min-height: 450px;*/ } #ays-quiz-container-27767 label.ays_for_checkbox, #ays-quiz-container-27767 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-27767 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-27767 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-27767 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-27767 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-27767 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-27767 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-27767 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-27767 div.lds-spinner, #ays-quiz-container-27767 div.lds-spinner2 { color: #000000; } #ays-quiz-container-27767 div.lds-spinner div:after, #ays-quiz-container-27767 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-27767 .lds-circle, #ays-quiz-container-27767 .lds-facebook div, #ays-quiz-container-27767 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-27767 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-27767 .lds-dual-ring::after, #ays-quiz-container-27767 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-27767 .ui.rating .icon, #ays-quiz-container-27767 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-27767 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-27767 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-27767 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-27767 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-27767 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-27767 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-27767 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-27767 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-27767 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-27767 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-27767 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-27767 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-27767 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-27767 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-27767 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-27767 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-27767 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-27767 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-27767 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-27767 div.ays-quiz-redirection-timer, #ays-quiz-container-27767 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-27767 div.ays-quiz-after-timer * , #ays-quiz-container-27767 div.ays-quiz-redirection-timer *, #ays-quiz-container-27767 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-27767 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-27767 input#ays-submit, #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button, #ays-quiz-container-27767 #ays_finish_quiz_27767 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-27767 #ays_finish_quiz_27767 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button.ays_restart_button, #ays-quiz-container-27767 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27767 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-27767 input#ays-submit, #ays-quiz-container-27767 #ays_finish_quiz_27767 input.action-button, #ays-quiz-container-27767 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27767 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27767 input#ays-submit:hover, #ays-quiz-container-27767 input#ays-submit:focus, #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button:hover, #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button:focus, #ays-quiz-container-27767 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27767 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-27767 .ays_restart_button { color: #ffffff; } #ays-quiz-container-27767 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-27767 .ays_buttons_div { justify-content: center; } #ays-quiz-container-27767 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-27767 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-27767 input[type='button'], #ays-quiz-container-27767 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-27767 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-27767 input[type='button']:focus-visible, div#ays-quiz-container-27767 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_early_finish.action-button[disabled], #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-27767 #ays_finish_quiz_27767 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-27767 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-27767 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-27767 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-27767.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-27767 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-27767 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27767 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-27767 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-27767 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-27767 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-27767 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-27767 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-27767 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-27767 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-27767 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-27767 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-27767 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-27767 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-27767 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-27767 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27767 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-27767 .ays-field .select2-container--default, #ays-quiz-container-27767 .ays-field .select2-container--default .selection, #ays-quiz-container-27767 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-27767 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-27767 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-27767 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-27767 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-27767 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-27767 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-27767 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-27767 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-27767 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-27767 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-27767 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-27767 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-27767 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-27767 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-27767 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-27767 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-27767 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-27767 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27767 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27767 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-27767.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-27767.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-27767 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-27767 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-27767 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-27767 label[for^='ays-answer']:before, #ays-quiz-container-27767 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-27767 .ays_question_report { text-align: right; } div#ays-quiz-container-27767 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-27767 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-27767.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-27767.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-27767.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-27767.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-27767.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-27767.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-27767 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-27767.ays_quiz_classic_dark .correct_div, #ays-quiz-container-27767.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-27767.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-27767.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-27767.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-27767.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27767.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-27767.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27767 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-27767 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-27767 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-27767 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-27767 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-27767 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-27767 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-27767.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-27767.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-27767 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-27767 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-27767 .ays-quiz-personality-result-box div:before, #ays-quiz-container-27767 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-27767 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-27767 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-27767 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-27767 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-27767 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-27767 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-27767 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-27767 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-27767 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-27767 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-27767 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-27767 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-27767 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-27767{ max-width: 100%; } div#ays-quiz-container-27767 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-27767.ays_quiz_modern_light .step, div#ays-quiz-container-27767.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-27767.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-27767.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-27767.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-27767.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-27767 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-27767 .select2-container, div#ays-quiz-container-27767 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-27767 input#ays-submit, div#ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button, div#ays-quiz-container-27767 #ays_finish_quiz_27767 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button.ays_restart_button, #ays-quiz-container-27767 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27767 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-27767 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-27767 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-27767 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-27767 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-27767 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-27767 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27767 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-27767 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-27767 p { margin: 0.625em; } #ays-quiz-container-27767.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-27767.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-27767 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-27767.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-27767 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button:hover, #ays-quiz-container-27767 #ays_finish_quiz_27767 .action-button:focus, #ays-quiz-container-27767 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27767 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['27767'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyNzc2NyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI4Mjg2MDEsODI4NjAyLDgyODYwMyw4Mjg2MDQsODI4NjA1LDgyODYwNiw4Mjg2MDcsODI4NjA4LDgyODYwOSw4Mjg2MTAsODI4NjExLDgyODYxMiw4Mjg2MTMsODI4NjE0LDgyODYxNSw4Mjg2MTYsODI4NjE3LDgyODYxOCw4Mjg2MTksODI4NjIwLDgyODYyMSw4Mjg2MjIsODI4NjIzLDgyODYyNCw4Mjg2MjUsODI4NjI2LDgyODYyNyw4Mjg2MjgsODI4NjI5LDgyODYzMCIsIm9yZGVyaW5nIjoiMjc3NjciLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='27767'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_27767' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-28705'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_28705' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 02</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='28705'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='856646,856647,856648,856649,856650,856651,856652,856653,856654,856655,856656,856657,856658,856659,856660,856661,856662,856663,856664,856665,856666,856667,856668,856669,856670,856671,856672,856673,856674,856675'> </div> </div><div class='step ' data-question-id='856646' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn muốn định kiểu cho tất cả các hộp văn bản (text input) trong một biểu mẫu sao cho chúng có chiều rộng cố định 250px, bao gồm cả vùng đệm (padding) và đường viền (border). Quy tắc CSS nào sau đây là phù hợp nhất để đạt được điều này một cách dễ dàng và tránh các vấn đề về kích thước khi thêm padding/border?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856646]' id='ays-answer-3452589-28705' value='3452589'/> <label for='ays-answer-3452589-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { width: 250px; }</label><label for='ays-answer-3452589-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856646]' id='ays-answer-3452590-28705' value='3452590'/> <label for='ays-answer-3452590-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { width: 250px; padding: 10px; border: 1px solid #ccc; }</label><label for='ays-answer-3452590-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856646]' id='ays-answer-3452591-28705' value='3452591'/> <label for='ays-answer-3452591-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { width: 250px; box-sizing: border-box; }</label><label for='ays-answer-3452591-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856646]' id='ays-answer-3452592-28705' value='3452592'/> <label for='ays-answer-3452592-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { width: calc(250px - 2*padding - 2*border); }</label><label for='ays-answer-3452592-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856646'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjU4OSI6IjAiLCIzNDUyNTkwIjoiMCIsIjM0NTI1OTEiOiIxIiwiMzQ1MjU5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng áp dụng thuộc tính `box-sizing`. Khi `box-sizing: border-box;` được sử dụng, thuộc tính `width` sẽ bao gồm cả padding và border, giúp kiểm soát kích thước tổng thể của phần tử dễ dàng hơn, đặc biệt hữu ích cho các input trong biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856647' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Khi người dùng di chuột (hover) qua một nút 'Gửi' trong biểu mẫu, bạn muốn màu nền của nút đó chuyển sang màu xanh lá cây (#4CAF50) để cung cấp phản hồi trực quan. Quy tắc CSS nào sau đây thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856647]' id='ays-answer-3452593-28705' value='3452593'/> <label for='ays-answer-3452593-28705' class=' ays_position_initial ays-quiz-keyboard-label'>button { background-color: #4CAF50; }</label><label for='ays-answer-3452593-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856647]' id='ays-answer-3452594-28705' value='3452594'/> <label for='ays-answer-3452594-28705' class=' ays_position_initial ays-quiz-keyboard-label'>button:hover { background-color: #4CAF50; }</label><label for='ays-answer-3452594-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856647]' id='ays-answer-3452595-28705' value='3452595'/> <label for='ays-answer-3452595-28705' class=' ays_position_initial ays-quiz-keyboard-label'>button:active { background-color: #4CAF50; }</label><label for='ays-answer-3452595-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856647]' id='ays-answer-3452596-28705' value='3452596'/> <label for='ays-answer-3452596-28705' class=' ays_position_initial ays-quiz-keyboard-label'>button:focus { background-color: #4CAF50; }</label><label for='ays-answer-3452596-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856647'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjU5MyI6IjAiLCIzNDUyNTk0IjoiMSIsIjM0NTI1OTUiOiIwIiwiMzQ1MjU5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc sử dụng pseudo-class `:hover`. Pseudo-class `:hover` áp dụng kiểu khi con trỏ chuột nằm trên phần tử. Thuộc tính `background-color` thay đổi màu nền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856648' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn có một nhóm các nút Radio (<input type="radio">) và bạn muốn thay đổi màu sắc của nhãn (<label>) đi kèm khi một nút Radio cụ thể được chọn. Giả sử cấu trúc HTML là `<input type="radio" id="option1"> <label for="option1">Lựa chọn 1</label>`. Quy tắc CSS nào có thể được sử dụng để định kiểu cho nhãn của nút Radio đã được chọn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856648]' id='ays-answer-3452597-28705' value='3452597'/> <label for='ays-answer-3452597-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked + label { color: blue; }</label><label for='ays-answer-3452597-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856648]' id='ays-answer-3452598-28705' value='3452598'/> <label for='ays-answer-3452598-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:hover + label { color: blue; }</label><label for='ays-answer-3452598-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856648]' id='ays-answer-3452599-28705' value='3452599'/> <label for='ays-answer-3452599-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"] + label:checked { color: blue; }</label><label for='ays-answer-3452599-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856648]' id='ays-answer-3452600-28705' value='3452600'/> <label for='ays-answer-3452600-28705' class=' ays_position_initial ays-quiz-keyboard-label'>label input[type="radio"]:checked { color: blue; }</label><label for='ays-answer-3452600-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856648'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjU5NyI6IjEiLCIzNDUyNTk4IjoiMCIsIjM0NTI1OTkiOiIwIiwiMzQ1MjYwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc kết hợp pseudo-class `:checked` với bộ chọn kết hợp (adjacent sibling combinator `+`). Khi input type='radio' được `:checked`, bộ chọn `+ label` sẽ chọn nhãn đứng ngay sau nó để áp dụng kiểu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856649' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để cải thiện khả năng truy cập và trải nghiệm người dùng, bạn muốn một hộp văn bản (<input type="text">) có đường viền màu cam khi nó đang được người dùng nhập liệu hoặc con trỏ đang focus vào đó. Pseudo-class nào cần sử dụng để chọn trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856649]' id='ays-answer-3452601-28705' value='3452601'/> <label for='ays-answer-3452601-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3452601-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856649]' id='ays-answer-3452602-28705' value='3452602'/> <label for='ays-answer-3452602-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3452602-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856649]' id='ays-answer-3452603-28705' value='3452603'/> <label for='ays-answer-3452603-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3452603-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856649]' id='ays-answer-3452604-28705' value='3452604'/> <label for='ays-answer-3452604-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3452604-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856649'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYwMSI6IjAiLCIzNDUyNjAyIjoiMCIsIjM0NTI2MDMiOiIxIiwiMzQ1MjYwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class `:focus`. Trạng thái `:focus` được kích hoạt khi một phần tử nhận được sự tập trung (ví dụ: khi người dùng click vào hoặc dùng phím Tab để di chuyển đến).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856650' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Bạn muốn tất cả các phần tử <label> và <input> trong biểu mẫu hiển thị trên các dòng riêng biệt và chiếm toàn bộ chiều rộng khả dụng của phần tử cha. Thuộc tính `display` cần được đặt giá trị nào cho các phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856650]' id='ays-answer-3452605-28705' value='3452605'/> <label for='ays-answer-3452605-28705' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-3452605-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856650]' id='ays-answer-3452606-28705' value='3452606'/> <label for='ays-answer-3452606-28705' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-3452606-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856650]' id='ays-answer-3452607-28705' value='3452607'/> <label for='ays-answer-3452607-28705' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-3452607-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856650]' id='ays-answer-3452608-28705' value='3452608'/> <label for='ays-answer-3452608-28705' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-3452608-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856650'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYwNSI6IjEiLCIzNDUyNjA2IjoiMCIsIjM0NTI2MDciOiIwIiwiMzQ1MjYwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về các giá trị của thuộc tính `display`. Giá trị `block` làm cho phần tử bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn, phù hợp với yêu cầu hiển thị trên các dòng riêng biệt và chiếm chiều rộng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856651' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn đang thiết kế một biểu mẫu đăng ký. Bạn muốn các trường nhập liệu bắt buộc (sử dụng thuộc tính `required` trong HTML) có một đường viền màu đỏ khi người dùng chưa nhập gì hoặc dữ liệu nhập vào không hợp lệ. Pseudo-class nào trong CSS có thể giúp bạn chọn các trường nhập liệu ở trạng thái 'không hợp lệ'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856651]' id='ays-answer-3452609-28705' value='3452609'/> <label for='ays-answer-3452609-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3452609-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856651]' id='ays-answer-3452610-28705' value='3452610'/> <label for='ays-answer-3452610-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3452610-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856651]' id='ays-answer-3452611-28705' value='3452611'/> <label for='ays-answer-3452611-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3452611-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856651]' id='ays-answer-3452612-28705' value='3452612'/> <label for='ays-answer-3452612-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-3452612-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856651'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYwOSI6IjAiLCIzNDUyNjEwIjoiMCIsIjM0NTI2MTEiOiIwIiwiMzQ1MjYxMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class `:invalid`. Pseudo-class `:invalid` chọn các phần tử form có giá trị không hợp lệ theo ràng buộc của HTML5 (ví dụ: trường `required` trống, email sai định dạng...).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856652' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn tạo khoảng cách 10px giữa đường viền (border) và nội dung bên trong của tất cả các trường nhập liệu văn bản (<input type="text">). Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856652]' id='ays-answer-3452613-28705' value='3452613'/> <label for='ays-answer-3452613-28705' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3452613-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856652]' id='ays-answer-3452614-28705' value='3452614'/> <label for='ays-answer-3452614-28705' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3452614-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856652]' id='ays-answer-3452615-28705' value='3452615'/> <label for='ays-answer-3452615-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3452615-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856652]' id='ays-answer-3452616-28705' value='3452616'/> <label for='ays-answer-3452616-28705' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-3452616-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856652'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYxMyI6IjEiLCIzNDUyNjE0IjoiMCIsIjM0NTI2MTUiOiIwIiwiMzQ1MjYxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `padding`. `padding` tạo khoảng trống giữa nội dung của phần tử và đường viền của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856653' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn có một nút 'Xóa' trong biểu mẫu. Bạn muốn nút này có màu xám và không thể tương tác được khi một điều kiện nhất định chưa được thỏa mãn (ví dụ: chưa chọn mục nào để xóa). Thuộc tính HTML nào được sử dụng để vô hiệu hóa nút này, và pseudo-class CSS nào để định kiểu cho trạng thái vô hiệu hóa?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856653]' id='ays-answer-3452617-28705' value='3452617'/> <label for='ays-answer-3452617-28705' class=' ays_position_initial ays-quiz-keyboard-label'>HTML: `hidden`, CSS: `:hidden`</label><label for='ays-answer-3452617-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856653]' id='ays-answer-3452618-28705' value='3452618'/> <label for='ays-answer-3452618-28705' class=' ays_position_initial ays-quiz-keyboard-label'>HTML: `disabled`, CSS: `:disabled`</label><label for='ays-answer-3452618-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856653]' id='ays-answer-3452619-28705' value='3452619'/> <label for='ays-answer-3452619-28705' class=' ays_position_initial ays-quiz-keyboard-label'>HTML: `inactive`, CSS: `:inactive`</label><label for='ays-answer-3452619-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856653]' id='ays-answer-3452620-28705' value='3452620'/> <label for='ays-answer-3452620-28705' class=' ays_position_initial ays-quiz-keyboard-label'>HTML: `readonly`, CSS: `:readonly`</label><label for='ays-answer-3452620-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856653'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYxNyI6IjAiLCIzNDUyNjE4IjoiMSIsIjM0NTI2MTkiOiIwIiwiMzQ1MjYyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính HTML `disabled` và pseudo-class CSS `:disabled`. Thuộc tính `disabled` trên phần tử form làm cho nó không thể tương tác. Pseudo-class `:disabled` chọn các phần tử ở trạng thái này để áp dụng kiểu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856654' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn muốn tất cả các phần tử <textarea> và <select> trong biểu mẫu có cùng kiểu đường viền 1px solid màu xám (#ccc). Cách viết CSS nào hiệu quả nhất để áp dụng cùng một kiểu cho cả hai loại phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856654]' id='ays-answer-3452621-28705' value='3452621'/> <label for='ays-answer-3452621-28705' class=' ays_position_initial ays-quiz-keyboard-label'>textarea { border: 1px solid #ccc; } select { border: 1px solid #ccc; }</label><label for='ays-answer-3452621-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856654]' id='ays-answer-3452622-28705' value='3452622'/> <label for='ays-answer-3452622-28705' class=' ays_position_initial ays-quiz-keyboard-label'>textarea, select border: 1px solid #ccc;</label><label for='ays-answer-3452622-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856654]' id='ays-answer-3452623-28705' value='3452623'/> <label for='ays-answer-3452623-28705' class=' ays_position_initial ays-quiz-keyboard-label'>textarea + select { border: 1px solid #ccc; }</label><label for='ays-answer-3452623-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856654]' id='ays-answer-3452624-28705' value='3452624'/> <label for='ays-answer-3452624-28705' class=' ays_position_initial ays-quiz-keyboard-label'>textarea, select { border: 1px solid #ccc; }</label><label for='ays-answer-3452624-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856654'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYyMSI6IjAiLCIzNDUyNjIyIjoiMCIsIjM0NTI2MjMiOiIwIiwiMzQ1MjYyNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm các bộ chọn. Để áp dụng cùng một bộ quy tắc CSS cho nhiều bộ chọn khác nhau, ta sử dụng dấu phẩy (`,`) để ngăn cách các bộ chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856655' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn tạo một biểu mẫu có các cặp Nhãn (<label>) và Trường nhập liệu (<input>) được sắp xếp cạnh nhau trên cùng một dòng. Ban đầu, cả <label> và <input type="text"> đều là các phần tử `inline-block`. Để căn chỉnh chúng theo chiều dọc ở giữa, thuộc tính nào phổ biến được sử dụng cho các phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856655]' id='ays-answer-3452625-28705' value='3452625'/> <label for='ays-answer-3452625-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-3452625-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856655]' id='ays-answer-3452626-28705' value='3452626'/> <label for='ays-answer-3452626-28705' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: middle;</label><label for='ays-answer-3452626-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856655]' id='ays-answer-3452627-28705' value='3452627'/> <label for='ays-answer-3452627-28705' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-3452627-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856655]' id='ays-answer-3452628-28705' value='3452628'/> <label for='ays-answer-3452628-28705' class=' ays_position_initial ays-quiz-keyboard-label'>line-height: middle;</label><label for='ays-answer-3452628-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856655'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYyNSI6IjAiLCIzNDUyNjI2IjoiMSIsIjM0NTI2MjciOiIwIiwiMzQ1MjYyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc căn chỉnh các phần tử `inline-block`. Thuộc tính `vertical-align: middle;` thường được sử dụng cho các phần tử `inline` hoặc `inline-block` để căn chỉnh chúng theo chiều dọc so với đường cơ sở (baseline) của dòng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856656' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn đặt một khoảng trống 15px ở phía dưới mỗi cặp Nhãn và Trường nhập liệu để các dòng trong biểu mẫu không bị dính vào nhau. Giả sử mỗi cặp được bọc trong một thẻ `</p> <div>`. Thuộc tính nào cần được áp dụng cho thẻ `</p> <div>` này để tạo khoảng trống phía dưới?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856656]' id='ays-answer-3452629-28705' value='3452629'/> <label for='ays-answer-3452629-28705' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom: 15px;</label><label for='ays-answer-3452629-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856656]' id='ays-answer-3452630-28705' value='3452630'/> <label for='ays-answer-3452630-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom: 15px;</label><label for='ays-answer-3452630-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856656]' id='ays-answer-3452631-28705' value='3452631'/> <label for='ays-answer-3452631-28705' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom: 15px;</label><label for='ays-answer-3452631-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856656]' id='ays-answer-3452632-28705' value='3452632'/> <label for='ays-answer-3452632-28705' class=' ays_position_initial ays-quiz-keyboard-label'>height: auto;</label><label for='ays-answer-3452632-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856656'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYyOSI6IjAiLCIzNDUyNjMwIjoiMCIsIjM0NTI2MzEiOiIxIiwiMzQ1MjYzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `margin`. `margin-bottom` tạo khoảng trống bên ngoài đường viền của phần tử ở phía dưới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856657' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn thay đổi con trỏ chuột thành hình bàn tay (pointer) khi di chuột qua nút 'Gửi' để người dùng biết rằng đó là một phần tử có thể tương tác. Thuộc tính CSS nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856657]' id='ays-answer-3452633-28705' value='3452633'/> <label for='ays-answer-3452633-28705' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-3452633-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856657]' id='ays-answer-3452634-28705' value='3452634'/> <label for='ays-answer-3452634-28705' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events: auto;</label><label for='ays-answer-3452634-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856657]' id='ays-answer-3452635-28705' value='3452635'/> <label for='ays-answer-3452635-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: underline;</label><label for='ays-answer-3452635-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856657]' id='ays-answer-3452636-28705' value='3452636'/> <label for='ays-answer-3452636-28705' class=' ays_position_initial ays-quiz-keyboard-label'>outline: none;</label><label for='ays-answer-3452636-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856657'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYzMyI6IjEiLCIzNDUyNjM0IjoiMCIsIjM0NTI2MzUiOiIwIiwiMzQ1MjYzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `cursor`. Giá trị `pointer` thay đổi con trỏ chuột thành hình bàn tay, thường dùng cho các liên kết hoặc nút.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856658' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn có một trường nhập liệu mật khẩu (<input type="password">) và bạn muốn chữ placeholder (văn bản gợi ý hiển thị khi trường trống) có màu xám nhạt (#aaa). Pseudo-element nào trong CSS được sử dụng để định kiểu cho chữ placeholder?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856658]' id='ays-answer-3452637-28705' value='3452637'/> <label for='ays-answer-3452637-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-3452637-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856658]' id='ays-answer-3452638-28705' value='3452638'/> <label for='ays-answer-3452638-28705' class=' ays_position_initial ays-quiz-keyboard-label'>::input-placeholder</label><label for='ays-answer-3452638-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856658]' id='ays-answer-3452639-28705' value='3452639'/> <label for='ays-answer-3452639-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input::placeholder-text</label><label for='ays-answer-3452639-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856658]' id='ays-answer-3452640-28705' value='3452640'/> <label for='ays-answer-3452640-28705' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-3452640-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856658'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjYzNyI6IjAiLCIzNDUyNjM4IjoiMCIsIjM0NTI2MzkiOiIwIiwiMzQ1MjY0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-element `::placeholder`. Pseudo-element này được sử dụng để chọn và định kiểu cho văn bản gợi ý (placeholder text) trong các trường nhập liệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856659' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn tạo một hiệu ứng chuyển động mượt mà (transition) khi màu nền của một nút thay đổi từ trạng thái bình thường sang trạng thái `:hover`. Thuộc tính CSS nào được sử dụng để định nghĩa hiệu ứng chuyển động này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856659]' id='ays-answer-3452641-28705' value='3452641'/> <label for='ays-answer-3452641-28705' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-3452641-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856659]' id='ays-answer-3452642-28705' value='3452642'/> <label for='ays-answer-3452642-28705' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-3452642-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856659]' id='ays-answer-3452643-28705' value='3452643'/> <label for='ays-answer-3452643-28705' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-3452643-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856659]' id='ays-answer-3452644-28705' value='3452644'/> <label for='ays-answer-3452644-28705' class=' ays_position_initial ays-quiz-keyboard-label'>@keyframes</label><label for='ays-answer-3452644-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856659'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY0MSI6IjAiLCIzNDUyNjQyIjoiMSIsIjM0NTI2NDMiOiIwIiwiMzQ1MjY0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `transition`. Thuộc tính `transition` cho phép tạo hiệu ứng chuyển đổi động giữa các trạng thái CSS của một phần tử, làm cho sự thay đổi thuộc tính diễn ra mượt mà theo thời gian.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856660' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Trong một biểu mẫu phức tạp, bạn muốn áp dụng một số kiểu dáng chung cho tất cả các loại trường nhập liệu văn bản, email, mật khẩu (<input type="text">, <input type="email">, <input type="password">). Cách viết bộ chọn CSS nào sau đây là chính xác và hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856660]' id='ays-answer-3452645-28705' value='3452645'/> <label for='ays-answer-3452645-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], input[type="email"], input[type="password"] { /* styles */ }</label><label for='ays-answer-3452645-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856660]' id='ays-answer-3452646-28705' value='3452646'/> <label for='ays-answer-3452646-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text", "email", "password"] { /* styles */ }</label><label for='ays-answer-3452646-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856660]' id='ays-answer-3452647-28705' value='3452647'/> <label for='ays-answer-3452647-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], input[type="email"], input[type="password"] { /* styles */ }</label><label for='ays-answer-3452647-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856660]' id='ays-answer-3452648-28705' value='3452648'/> <label for='ays-answer-3452648-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type*="text"], input[type*="email"], input[type*="password"] { /* styles */ }</label><label for='ays-answer-3452648-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856660'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY0NSI6IjAiLCIzNDUyNjQ2IjoiMCIsIjM0NTI2NDciOiIxIiwiMzQ1MjY0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm các bộ chọn thuộc tính. Ta có thể nhóm các bộ chọn thuộc tính khác nhau bằng dấu phẩy (`,`) để áp dụng cùng một bộ quy tắc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856661' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn tạo một hiệu ứng bóng đổ nhẹ (box-shadow) cho các trường nhập liệu khi chúng đang ở trạng thái focus để làm chúng nổi bật hơn. Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856661]' id='ays-answer-3452649-28705' value='3452649'/> <label for='ays-answer-3452649-28705' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-3452649-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856661]' id='ays-answer-3452650-28705' value='3452650'/> <label for='ays-answer-3452650-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-3452650-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856661]' id='ays-answer-3452651-28705' value='3452651'/> <label for='ays-answer-3452651-28705' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3452651-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856661]' id='ays-answer-3452652-28705' value='3452652'/> <label for='ays-answer-3452652-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-image</label><label for='ays-answer-3452652-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856661'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY0OSI6IjEiLCIzNDUyNjUwIjoiMCIsIjM0NTI2NTEiOiIwIiwiMzQ1MjY1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `box-shadow`. Thuộc tính `box-shadow` thêm hiệu ứng bóng đổ cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856662' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn thiết lập chiều cao cho một vùng nhập liệu đa dòng (<textarea>) là 100px. Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856662]' id='ays-answer-3452653-28705' value='3452653'/> <label for='ays-answer-3452653-28705' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-3452653-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856662]' id='ays-answer-3452654-28705' value='3452654'/> <label for='ays-answer-3452654-28705' class=' ays_position_initial ays-quiz-keyboard-label'>min-height</label><label for='ays-answer-3452654-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856662]' id='ays-answer-3452655-28705' value='3452655'/> <label for='ays-answer-3452655-28705' class=' ays_position_initial ays-quiz-keyboard-label'>max-height</label><label for='ays-answer-3452655-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856662]' id='ays-answer-3452656-28705' value='3452656'/> <label for='ays-answer-3452656-28705' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-3452656-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856662'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY1MyI6IjAiLCIzNDUyNjU0IjoiMCIsIjM0NTI2NTUiOiIwIiwiMzQ1MjY1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `height`. Thuộc tính `height` thiết lập chiều cao của một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856663' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn ngăn người dùng thay đổi kích thước của phần tử <textarea> bằng cách kéo góc dưới bên phải. Thuộc tính CSS nào được sử dụng để kiểm soát khả năng thay đổi kích thước này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856663]' id='ays-answer-3452657-28705' value='3452657'/> <label for='ays-answer-3452657-28705' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-3452657-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856663]' id='ays-answer-3452658-28705' value='3452658'/> <label for='ays-answer-3452658-28705' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-3452658-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856663]' id='ays-answer-3452659-28705' value='3452659'/> <label for='ays-answer-3452659-28705' class=' ays_position_initial ays-quiz-keyboard-label'>size: fixed;</label><label for='ays-answer-3452659-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856663]' id='ays-answer-3452660-28705' value='3452660'/> <label for='ays-answer-3452660-28705' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto; height: auto;</label><label for='ays-answer-3452660-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856663'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY1NyI6IjAiLCIzNDUyNjU4IjoiMSIsIjM0NTI2NTkiOiIwIiwiMzQ1MjY2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `resize`. Thuộc tính `resize` kiểm soát việc một phần tử (thường là textarea) có cho phép người dùng thay đổi kích thước hay không. Giá trị `none` ngăn chặn việc thay đổi kích thước.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856664' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn muốn căn giữa văn bản hiển thị trên một nút 'Gửi' (<button>). Thuộc tính nào cần sử dụng cho phần tử <button>?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856664]' id='ays-answer-3452661-28705' value='3452661'/> <label for='ays-answer-3452661-28705' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-3452661-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856664]' id='ays-answer-3452662-28705' value='3452662'/> <label for='ays-answer-3452662-28705' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: middle;</label><label for='ays-answer-3452662-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856664]' id='ays-answer-3452663-28705' value='3452663'/> <label for='ays-answer-3452663-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-3452663-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856664]' id='ays-answer-3452664-28705' value='3452664'/> <label for='ays-answer-3452664-28705' class=' ays_position_initial ays-quiz-keyboard-label'>justify-content: center;</label><label for='ays-answer-3452664-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856664'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY2MSI6IjAiLCIzNDUyNjYyIjoiMCIsIjM0NTI2NjMiOiIxIiwiMzQ1MjY2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `text-align`. Thuộc tính `text-align: center;` căn giữa nội dung inline (như văn bản) bên trong một phần tử block hoặc inline-block.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856665' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn có một biểu mẫu lớn và muốn thêm một đường kẻ phân cách mỏng màu xám (#ddd) ở phía dưới mỗi nhóm trường nhập liệu được bọc trong một thẻ `</p> <div>`. Thuộc tính nào phù hợp nhất để tạo đường kẻ này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856665]' id='ays-answer-3452665-28705' value='3452665'/> <label for='ays-answer-3452665-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom: 1px solid #ddd;</label><label for='ays-answer-3452665-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856665]' id='ays-answer-3452666-28705' value='3452666'/> <label for='ays-answer-3452666-28705' class=' ays_position_initial ays-quiz-keyboard-label'>outline-bottom: 1px solid #ddd;</label><label for='ays-answer-3452666-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856665]' id='ays-answer-3452667-28705' value='3452667'/> <label for='ays-answer-3452667-28705' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow: 0 1px 0 #ddd;</label><label for='ays-answer-3452667-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856665]' id='ays-answer-3452668-28705' value='3452668'/> <label for='ays-answer-3452668-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: underline;</label><label for='ays-answer-3452668-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856665'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY2NSI6IjEiLCIzNDUyNjY2IjoiMCIsIjM0NTI2NjciOiIwIiwiMzQ1MjY2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `border`. `border-bottom` tạo đường viền ở cạnh dưới của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856666' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn tăng kích thước phông chữ (font size) cho tất cả các trường nhập liệu (<input type="text">, <textarea>, <select>) và nút (<button>) trong biểu mẫu lên 16px để dễ đọc hơn trên thiết bị di động. Cách viết bộ chọn và thuộc tính nào là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856666]' id='ays-answer-3452669-28705' value='3452669'/> <label for='ays-answer-3452669-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea, select, button { font-size: 16px; }</label><label for='ays-answer-3452669-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856666]' id='ays-answer-3452670-28705' value='3452670'/> <label for='ays-answer-3452670-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], textarea, select, button { font-size: 16px; }</label><label for='ays-answer-3452670-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856666]' id='ays-answer-3452671-28705' value='3452671'/> <label for='ays-answer-3452671-28705' class=' ays_position_initial ays-quiz-keyboard-label'>form input, form textarea, form select, form button { font-size: 16px; }</label><label for='ays-answer-3452671-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856666]' id='ays-answer-3452672-28705' value='3452672'/> <label for='ays-answer-3452672-28705' class=' ays_position_initial ays-quiz-keyboard-label'>*.form-element { font-size: 16px; }</label><label for='ays-answer-3452672-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856666'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY2OSI6IjAiLCIzNDUyNjcwIjoiMSIsIjM0NTI2NzEiOiIwIiwiMzQ1MjY3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm bộ chọn và sử dụng thuộc tính `font-size`. Ta nhóm các bộ chọn bằng dấu phẩy và áp dụng thuộc tính `font-size`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856667' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn tạo một hiệu ứng viền ngoài (outline) màu xanh dương (#007bff) khi một trường nhập liệu được focus, nhưng không muốn hiệu ứng outline mặc định của trình duyệt hiển thị. Quy tắc CSS nào là cần thiết để loại bỏ outline mặc định và thêm outline tùy chỉnh?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856667]' id='ays-answer-3452673-28705' value='3452673'/> <label for='ays-answer-3452673-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { outline: none; border-color: #007bff; box-shadow: 0 0 5px #007bff; }</label><label for='ays-answer-3452673-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856667]' id='ays-answer-3452674-28705' value='3452674'/> <label for='ays-answer-3452674-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { border-color: #007bff; }</label><label for='ays-answer-3452674-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856667]' id='ays-answer-3452675-28705' value='3452675'/> <label for='ays-answer-3452675-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input { outline: none; } input:focus { outline: 2px solid #007bff; }</label><label for='ays-answer-3452675-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856667]' id='ays-answer-3452676-28705' value='3452676'/> <label for='ays-answer-3452676-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { outline-color: #007bff; }</label><label for='ays-answer-3452676-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856667'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY3MyI6IjEiLCIzNDUyNjc0IjoiMCIsIjM0NTI2NzUiOiIwIiwiMzQ1MjY3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc tùy chỉnh thuộc tính `outline`. Để loại bỏ outline mặc định, ta đặt `outline: none;`. Sau đó, ta sử dụng pseudo-class `:focus` để thêm outline tùy chỉnh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856668' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Giả sử bạn có một biểu mẫu đăng ký với các trường 'Tên', 'Email', 'Mật khẩu'. Bạn muốn căn chỉnh các nhãn ('Tên:', 'Email:', 'Mật khẩu:') sang bên phải sao cho chúng thẳng hàng với nhau, và các trường nhập liệu nằm ngay bên phải nhãn. Nếu sử dụng `display: inline-block` cho nhãn và trường nhập liệu, thuộc tính nào phổ biến được áp dụng cho nhãn để căn phải nội dung văn bản bên trong nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856668]' id='ays-answer-3452677-28705' value='3452677'/> <label for='ays-answer-3452677-28705' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: flex-end;</label><label for='ays-answer-3452677-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856668]' id='ays-answer-3452678-28705' value='3452678'/> <label for='ays-answer-3452678-28705' class=' ays_position_initial ays-quiz-keyboard-label'>justify-content: flex-end;</label><label for='ays-answer-3452678-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856668]' id='ays-answer-3452679-28705' value='3452679'/> <label for='ays-answer-3452679-28705' class=' ays_position_initial ays-quiz-keyboard-label'>float: right;</label><label for='ays-answer-3452679-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856668]' id='ays-answer-3452680-28705' value='3452680'/> <label for='ays-answer-3452680-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: right;</label><label for='ays-answer-3452680-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856668'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY3NyI6IjAiLCIzNDUyNjc4IjoiMCIsIjM0NTI2NzkiOiIwIiwiMzQ1MjY4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc căn chỉnh văn bản trong phần tử `inline-block`. Thuộc tính `text-align: right;` căn chỉnh nội dung văn bản sang bên phải trong phạm vi của phần tử đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856669' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn tạo một khoảng cách 8px ở phía bên trái và bên phải của nội dung bên trong một nút 'Gửi' (<button>) để nút trông cân đối hơn. Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856669]' id='ays-answer-3452681-28705' value='3452681'/> <label for='ays-answer-3452681-28705' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 0 8px;</label><label for='ays-answer-3452681-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856669]' id='ays-answer-3452682-28705' value='3452682'/> <label for='ays-answer-3452682-28705' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 0 8px;</label><label for='ays-answer-3452682-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856669]' id='ays-answer-3452683-28705' value='3452683'/> <label for='ays-answer-3452683-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-width: 0 8px;</label><label for='ays-answer-3452683-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856669]' id='ays-answer-3452684-28705' value='3452684'/> <label for='ays-answer-3452684-28705' class=' ays_position_initial ays-quiz-keyboard-label'>spacing: 0 8px;</label><label for='ays-answer-3452684-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856669'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY4MSI6IjEiLCIzNDUyNjgyIjoiMCIsIjM0NTI2ODMiOiIwIiwiMzQ1MjY4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `padding`. `padding` tạo khoảng trống giữa nội dung và đường viền. `padding: 0 8px;` đặt padding trên dưới là 0 và trái phải là 8px.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856670' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn có một trường nhập liệu email (<input type="email">). Bạn muốn nó có đường viền màu xanh lá cây khi dữ liệu nhập vào hợp lệ và đường viền màu đỏ khi không hợp lệ. Pseudo-class nào được sử dụng để chọn trạng thái 'hợp lệ' của trường nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856670]' id='ays-answer-3452685-28705' value='3452685'/> <label for='ays-answer-3452685-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3452685-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856670]' id='ays-answer-3452686-28705' value='3452686'/> <label for='ays-answer-3452686-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3452686-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856670]' id='ays-answer-3452687-28705' value='3452687'/> <label for='ays-answer-3452687-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-3452687-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856670]' id='ays-answer-3452688-28705' value='3452688'/> <label for='ays-answer-3452688-28705' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3452688-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856670'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY4NSI6IjAiLCIzNDUyNjg2IjoiMCIsIjM0NTI2ODciOiIxIiwiMzQ1MjY4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class `:valid`. Pseudo-class `:valid` chọn các phần tử form có giá trị hợp lệ theo ràng buộc của HTML5.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856671' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn thay đổi màu chữ của tất cả các nhãn (<label>) trong biểu mẫu thành màu đen (#000). Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856671]' id='ays-answer-3452689-28705' value='3452689'/> <label for='ays-answer-3452689-28705' class=' ays_position_initial ays-quiz-keyboard-label'>background-color: #000;</label><label for='ays-answer-3452689-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856671]' id='ays-answer-3452690-28705' value='3452690'/> <label for='ays-answer-3452690-28705' class=' ays_position_initial ays-quiz-keyboard-label'>color: #000;</label><label for='ays-answer-3452690-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856671]' id='ays-answer-3452691-28705' value='3452691'/> <label for='ays-answer-3452691-28705' class=' ays_position_initial ays-quiz-keyboard-label'>text-color: #000;</label><label for='ays-answer-3452691-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856671]' id='ays-answer-3452692-28705' value='3452692'/> <label for='ays-answer-3452692-28705' class=' ays_position_initial ays-quiz-keyboard-label'>font-color: #000;</label><label for='ays-answer-3452692-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856671'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY4OSI6IjAiLCIzNDUyNjkwIjoiMSIsIjM0NTI2OTEiOiIwIiwiMzQ1MjY5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `color`. Thuộc tính `color` thiết lập màu sắc của văn bản.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856672' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một khoảng cách 20px ở phía trên cùng của toàn bộ biểu mẫu (</p> <form>) so với các nội dung khác trên trang. Thuộc tính nào cần sử dụng cho phần tử </p> <form>?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856672]' id='ays-answer-3452693-28705' value='3452693'/> <label for='ays-answer-3452693-28705' class=' ays_position_initial ays-quiz-keyboard-label'>margin-top: 20px;</label><label for='ays-answer-3452693-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856672]' id='ays-answer-3452694-28705' value='3452694'/> <label for='ays-answer-3452694-28705' class=' ays_position_initial ays-quiz-keyboard-label'>padding-top: 20px;</label><label for='ays-answer-3452694-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856672]' id='ays-answer-3452695-28705' value='3452695'/> <label for='ays-answer-3452695-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-top-width: 20px;</label><label for='ays-answer-3452695-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856672]' id='ays-answer-3452696-28705' value='3452696'/> <label for='ays-answer-3452696-28705' class=' ays_position_initial ays-quiz-keyboard-label'>space-before: 20px;</label><label for='ays-answer-3452696-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856672'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY5MyI6IjEiLCIzNDUyNjk0IjoiMCIsIjM0NTI2OTUiOiIwIiwiMzQ1MjY5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `margin`. `margin-top` tạo khoảng trống bên ngoài đường viền của phần tử ở phía trên.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856673' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn làm tròn các góc của tất cả các trường nhập liệu văn bản (<input type="text">) và nút (<button>) với bán kính 4px. Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856673]' id='ays-answer-3452697-28705' value='3452697'/> <label for='ays-answer-3452697-28705' class=' ays_position_initial ays-quiz-keyboard-label'>corner-radius: 4px;</label><label for='ays-answer-3452697-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856673]' id='ays-answer-3452698-28705' value='3452698'/> <label for='ays-answer-3452698-28705' class=' ays_position_initial ays-quiz-keyboard-label'>box-radius: 4px;</label><label for='ays-answer-3452698-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856673]' id='ays-answer-3452699-28705' value='3452699'/> <label for='ays-answer-3452699-28705' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius: 4px;</label><label for='ays-answer-3452699-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856673]' id='ays-answer-3452700-28705' value='3452700'/> <label for='ays-answer-3452700-28705' class=' ays_position_initial ays-quiz-keyboard-label'>outline-radius: 4px;</label><label for='ays-answer-3452700-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856673'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjY5NyI6IjAiLCIzNDUyNjk4IjoiMCIsIjM0NTI2OTkiOiIxIiwiMzQ1MjcwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `border-radius`. Thuộc tính `border-radius` bo tròn các góc của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856674' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn các nút Radio (<input type="radio">) và Hộp kiểm (<input type="checkbox">) có cùng một số kiểu dáng cơ bản (ví dụ: margin phải 5px). Bộ chọn nào sau đây là chính xác để áp dụng kiểu cho cả hai loại input này cùng lúc?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856674]' id='ays-answer-3452701-28705' value='3452701'/> <label for='ays-answer-3452701-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio" and "checkbox"] { margin-right: 5px; }</label><label for='ays-answer-3452701-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856674]' id='ays-answer-3452702-28705' value='3452702'/> <label for='ays-answer-3452702-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"], input[type="checkbox"] { margin-right: 5px; }</label><label for='ays-answer-3452702-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856674]' id='ays-answer-3452703-28705' value='3452703'/> <label for='ays-answer-3452703-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio" checkbox] { margin-right: 5px; }</label><label for='ays-answer-3452703-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856674]' id='ays-answer-3452704-28705' value='3452704'/> <label for='ays-answer-3452704-28705' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"], input[type="checkbox"] { margin-right: 5px; }</label><label for='ays-answer-3452704-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856674'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjcwMSI6IjAiLCIzNDUyNzAyIjoiMCIsIjM0NTI3MDMiOiIwIiwiMzQ1MjcwNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm các bộ chọn thuộc tính cụ thể. Ta sử dụng dấu phẩy để nhóm bộ chọn `input[type="radio"]` và `input[type="checkbox"]`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='856675' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn đang sử dụng Flexbox để bố trí các phần tử trong biểu mẫu. Bạn có một container Flexbox chứa các cặp nhãn và input. Để các cặp này được phân bố đều trong container theo chiều ngang, thuộc tính nào thường được áp dụng cho container Flexbox?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856675]' id='ays-answer-3452705-28705' value='3452705'/> <label for='ays-answer-3452705-28705' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-3452705-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856675]' id='ays-answer-3452706-28705' value='3452706'/> <label for='ays-answer-3452706-28705' class=' ays_position_initial ays-quiz-keyboard-label'>justify-content: space-between;</label><label for='ays-answer-3452706-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856675]' id='ays-answer-3452707-28705' value='3452707'/> <label for='ays-answer-3452707-28705' class=' ays_position_initial ays-quiz-keyboard-label'>flex-direction: column;</label><label for='ays-answer-3452707-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-856675]' id='ays-answer-3452708-28705' value='3452708'/> <label for='ays-answer-3452708-28705' class=' ays_position_initial ays-quiz-keyboard-label'>align-content: center;</label><label for='ays-answer-3452708-28705' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28705 === 'undefined'){ window.quizOptions_28705 = []; } window.quizOptions_28705['856675'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ1MjcwNSI6IjAiLCIzNDUyNzA2IjoiMSIsIjM0NTI3MDciOiIwIiwiMzQ1MjcwOCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_28705" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_28705" style="display:none" data-id="30" data-quiz_id="28705"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_28705" maxlength="10" /> <input type="hidden" value="" id="kw-id_28705" /> <a id="submit_kw_hub_28705" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_28705" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_28705" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_28705"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_28705" id="kw_get_pass_28705" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_28705">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_28705" style="display:none"> <input type="hidden" value="28705" name="current_active_quiz_id" id="current_active_quiz_id_28705" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_28705'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra việc áp dụng Flexbox trong bố trí form. `justify-content` kiểm soát cách các item được phân bố dọc theo trục chính của container Flexbox. `space-between` phân bố các item sao cho khoảng cách giữa chúng là đều nhau, item đầu tiên dính vào mép đầu và item cuối cùng dính vào mép cuối của container.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-28705 * { box-sizing: border-box; } #ays-quiz-container-28705 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-28705 #ays_finish_quiz_28705 { } /* Styles for Quiz container */ #ays-quiz-container-28705{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-28705 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-28705 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-28705.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-28705.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-28705 #ays_finish_quiz_28705 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-28705.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container p, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-28705.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-28705 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-28705 .ays-quiz-password-message-box, #ays-quiz-container-28705 .ays-quiz-question-note-message-box, #ays-quiz-container-28705 .ays_quiz_question, #ays-quiz-container-28705 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-28705 textarea, #ays-quiz-container-28705 input::first-letter, #ays-quiz-container-28705 select::first-letter, #ays-quiz-container-28705 option::first-letter { color: initial !important; } #ays-quiz-container-28705 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-28705 .select2-container, #ays-quiz-container-28705 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-28705 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-28705 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-28705 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-28705 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-28705 .ays-questions-container .ays-field, div#ays-quiz-container-28705 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-28705 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-28705 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-28705 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-28705 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-28705 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-28705 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-28705 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-28705 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-28705 .information_form input[type='text'], #ays-quiz-container-28705 .information_form input[type='url'], #ays-quiz-container-28705 .information_form input[type='number'], #ays-quiz-container-28705 .information_form input[type='email'], #ays-quiz-container-28705 .information_form input[type='tel'], #ays-quiz-container-28705 .information_form textarea, #ays-quiz-container-28705 .information_form select, #ays-quiz-container-28705 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-28705 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-28705 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-28705 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-28705 .right_answer_text{ color:#33cc33; } #ays-quiz-container-28705 .right_answer_text p { font-size:16px; } #ays-quiz-container-28705 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-28705 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-28705 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28705 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28705 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28705 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28705 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28705 .ays_cb_and_a, #ays-quiz-container-28705 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-28705 iframe { /*min-height: 450px;*/ } #ays-quiz-container-28705 label.ays_for_checkbox, #ays-quiz-container-28705 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-28705 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-28705 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-28705 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-28705 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-28705 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-28705 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-28705 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-28705 div.lds-spinner, #ays-quiz-container-28705 div.lds-spinner2 { color: #000000; } #ays-quiz-container-28705 div.lds-spinner div:after, #ays-quiz-container-28705 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-28705 .lds-circle, #ays-quiz-container-28705 .lds-facebook div, #ays-quiz-container-28705 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-28705 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-28705 .lds-dual-ring::after, #ays-quiz-container-28705 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-28705 .ui.rating .icon, #ays-quiz-container-28705 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-28705 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-28705 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-28705 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-28705 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-28705 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-28705 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-28705 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-28705 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-28705 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-28705 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-28705 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-28705 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-28705 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-28705 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-28705 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-28705 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-28705 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-28705 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-28705 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-28705 div.ays-quiz-redirection-timer, #ays-quiz-container-28705 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-28705 div.ays-quiz-after-timer * , #ays-quiz-container-28705 div.ays-quiz-redirection-timer *, #ays-quiz-container-28705 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-28705 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-28705 input#ays-submit, #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button, #ays-quiz-container-28705 #ays_finish_quiz_28705 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-28705 #ays_finish_quiz_28705 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button.ays_restart_button, #ays-quiz-container-28705 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28705 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-28705 input#ays-submit, #ays-quiz-container-28705 #ays_finish_quiz_28705 input.action-button, #ays-quiz-container-28705 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28705 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28705 input#ays-submit:hover, #ays-quiz-container-28705 input#ays-submit:focus, #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button:hover, #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button:focus, #ays-quiz-container-28705 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-28705 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-28705 .ays_restart_button { color: #ffffff; } #ays-quiz-container-28705 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-28705 .ays_buttons_div { justify-content: center; } #ays-quiz-container-28705 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-28705 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-28705 input[type='button'], #ays-quiz-container-28705 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-28705 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-28705 input[type='button']:focus-visible, div#ays-quiz-container-28705 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_early_finish.action-button[disabled], #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-28705 #ays_finish_quiz_28705 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-28705 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-28705 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-28705 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-28705.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-28705 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-28705 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28705 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-28705 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-28705 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-28705 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-28705 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-28705 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-28705 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-28705 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-28705 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-28705 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-28705 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-28705 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-28705 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-28705 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28705 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-28705 .ays-field .select2-container--default, #ays-quiz-container-28705 .ays-field .select2-container--default .selection, #ays-quiz-container-28705 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-28705 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-28705 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-28705 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-28705 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-28705 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-28705 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-28705 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-28705 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-28705 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-28705 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-28705 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-28705 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-28705 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-28705 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-28705 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-28705 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-28705 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-28705 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28705 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28705 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-28705.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-28705.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-28705 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-28705 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-28705 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-28705 label[for^='ays-answer']:before, #ays-quiz-container-28705 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-28705 .ays_question_report { text-align: right; } div#ays-quiz-container-28705 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-28705 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-28705.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-28705.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-28705.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-28705.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-28705.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-28705.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-28705 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-28705.ays_quiz_classic_dark .correct_div, #ays-quiz-container-28705.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-28705.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-28705.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-28705.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-28705.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28705.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-28705.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28705 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-28705 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-28705 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-28705 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-28705 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-28705 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-28705 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-28705.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-28705.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-28705 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-28705 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-28705 .ays-quiz-personality-result-box div:before, #ays-quiz-container-28705 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-28705 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-28705 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-28705 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-28705 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-28705 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-28705 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-28705 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-28705 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-28705 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-28705 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-28705 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-28705 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-28705 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-28705{ max-width: 100%; } div#ays-quiz-container-28705 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-28705.ays_quiz_modern_light .step, div#ays-quiz-container-28705.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-28705.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-28705.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-28705.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-28705.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-28705 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-28705 .select2-container, div#ays-quiz-container-28705 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-28705 input#ays-submit, div#ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button, div#ays-quiz-container-28705 #ays_finish_quiz_28705 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button.ays_restart_button, #ays-quiz-container-28705 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28705 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-28705 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-28705 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-28705 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-28705 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-28705 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-28705 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28705 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-28705 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-28705 p { margin: 0.625em; } #ays-quiz-container-28705.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-28705.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-28705 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-28705.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-28705 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button:hover, #ays-quiz-container-28705 #ays_finish_quiz_28705 .action-button:focus, #ays-quiz-container-28705 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-28705 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['28705'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyODcwNSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMiIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI4NTY2NDYsODU2NjQ3LDg1NjY0OCw4NTY2NDksODU2NjUwLDg1NjY1MSw4NTY2NTIsODU2NjUzLDg1NjY1NCw4NTY2NTUsODU2NjU2LDg1NjY1Nyw4NTY2NTgsODU2NjU5LDg1NjY2MCw4NTY2NjEsODU2NjYyLDg1NjY2Myw4NTY2NjQsODU2NjY1LDg1NjY2Niw4NTY2NjcsODU2NjY4LDg1NjY2OSw4NTY2NzAsODU2NjcxLDg1NjY3Miw4NTY2NzMsODU2Njc0LDg1NjY3NSIsIm9yZGVyaW5nIjoiMjg3MDUiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='28705'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_28705' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-29643'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_29643' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 03</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='29643'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='884710,884711,884712,884713,884714,884715,884716,884717,884718,884719,884720,884721,884722,884723,884724,884725,884726,884727,884728,884729,884730,884731,884732,884733,884734,884735,884736,884737,884738,884739'> </div> </div><div class='step ' data-question-id='884710' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS để định kiểu cho tất cả các phần tử `<input>` có kiểu là `text` trong một biểu mẫu, bộ chọn CSS nào sau đây là chính xác và hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884710]' id='ays-answer-3560953-29643' value='3560953'/> <label for='ays-answer-3560953-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`.input-text`</label><label for='ays-answer-3560953-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884710]' id='ays-answer-3560954-29643' value='3560954'/> <label for='ays-answer-3560954-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="text"]`</label><label for='ays-answer-3560954-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884710]' id='ays-answer-3560955-29643' value='3560955'/> <label for='ays-answer-3560955-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`#text-input`</label><label for='ays-answer-3560955-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884710]' id='ays-answer-3560956-29643' value='3560956'/> <label for='ays-answer-3560956-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input:text`</label><label for='ays-answer-3560956-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884710'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk1MyI6IjAiLCIzNTYwOTU0IjoiMSIsIjM1NjA5NTUiOiIwIiwiMzU2MDk1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về bộ chọn thuộc tính trong CSS. Bộ chọn `input[type="text"]` cho phép chọn chính xác các thẻ `<input>` mà có thuộc tính `type` với giá trị là `text`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884711' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Một nhà phát triển web muốn các trường nhập liệu (`<input>`) trong biểu mẫu của mình có viền ngoài (outline) màu xanh dương khi người dùng nhấp chuột vào để nhập dữ liệu (trạng thái focus). Thuộc tính CSS nào *không* ảnh hưởng đến kích thước và bố cục của phần tử khi được áp dụng ở trạng thái `:focus` để tạo hiệu ứng này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884711]' id='ays-answer-3560957-29643' value='3560957'/> <label for='ays-answer-3560957-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3560957-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884711]' id='ays-answer-3560958-29643' value='3560958'/> <label for='ays-answer-3560958-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`box-shadow`</label><label for='ays-answer-3560958-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884711]' id='ays-answer-3560959-29643' value='3560959'/> <label for='ays-answer-3560959-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3560959-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884711]' id='ays-answer-3560960-29643' value='3560960'/> <label for='ays-answer-3560960-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3560960-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884711'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk1NyI6IjAiLCIzNTYwOTU4IjoiMCIsIjM1NjA5NTkiOiIxIiwiMzU2MDk2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự phân biệt giữa `border` và `outline`. Thuộc tính `outline` vẽ một đường viền *xung quanh* hộp phần tử mà không chiếm không gian, do đó không ảnh hưởng đến kích thước và bố cục của phần tử hay các phần tử xung quanh. Ngược lại, `border` chiếm không gian và ảnh hưởng đến kích thước của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884712' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Xét đoạn CSS sau: `input[type="checkbox"]:checked + label { font-weight: bold; }`. Đoạn CSS này sẽ áp dụng kiểu chữ đậm cho phần tử nào trong cấu trúc HTML sau?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884712]' id='ays-answer-3560961-29643' value='3560961'/> <label for='ays-answer-3560961-29643' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<label>` liền kề ngay sau hộp kiểm đã chọn.</label><label for='ays-answer-3560961-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884712]' id='ays-answer-3560962-29643' value='3560962'/> <label for='ays-answer-3560962-29643' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<input type="checkbox">` đã chọn.</label><label for='ays-answer-3560962-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884712]' id='ays-answer-3560963-29643' value='3560963'/> <label for='ays-answer-3560963-29643' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<label>` trong biểu mẫu.</label><label for='ays-answer-3560963-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884712]' id='ays-answer-3560964-29643' value='3560964'/> <label for='ays-answer-3560964-29643' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<label>` đứng trước hộp kiểm đã chọn.</label><label for='ays-answer-3560964-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884712'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk2MSI6IjEiLCIzNTYwOTYyIjoiMCIsIjM1NjA5NjMiOiIwIiwiMzU2MDk2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về bộ chọn anh em liền kề (`+`). Bộ chọn này chọn phần tử *liền kề ngay sau* phần tử được chọn ban đầu. Trong trường hợp này, nó chọn thẻ `<label>` liền kề ngay sau một `<input type="checkbox">` đang ở trạng thái `:checked` (đã chọn).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884713' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để đảm bảo rằng các trường nhập liệu (`<input>`), vùng văn bản (`<textarea>`) và phần tử chọn (`<select>`) trong biểu mẫu có cùng một tổng chiều rộng xác định (ví dụ: 300px), bao gồm cả vùng đệm (padding) và đường viền (border) đã được thêm vào, thuộc tính CSS nào là cần thiết và nên được đặt giá trị nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884713]' id='ays-answer-3560965-29643' value='3560965'/> <label for='ays-answer-3560965-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 300px; padding: auto;`</label><label for='ays-answer-3560965-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884713]' id='ays-answer-3560966-29643' value='3560966'/> <label for='ays-answer-3560966-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`box-sizing: content-box; width: 300px;`</label><label for='ays-answer-3560966-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884713]' id='ays-answer-3560967-29643' value='3560967'/> <label for='ays-answer-3560967-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 300px;`</label><label for='ays-answer-3560967-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884713]' id='ays-answer-3560968-29643' value='3560968'/> <label for='ays-answer-3560968-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`box-sizing: border-box; width: 300px;`</label><label for='ays-answer-3560968-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884713'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk2NSI6IjAiLCIzNTYwOTY2IjoiMCIsIjM1NjA5NjciOiIwIiwiMzU2MDk2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng `box-sizing`. Theo mặc định, `width` chỉ tính nội dung (content-box). Khi đặt `box-sizing: border-box;`, `width` sẽ tính cả padding và border vào tổng kích thước của phần tử, giúp dễ dàng kiểm soát bố cục khi thêm padding/border.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884714' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Khi định kiểu cho nút nhấn (`<button>` hoặc `<input type="submit">`), trạng thái giả lớp CSS nào được sử dụng để áp dụng kiểu (ví dụ: thay đổi màu nền) khi con trỏ chuột di chuyển qua nút nhưng chưa nhấp chuột?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884714'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về các trạng thái giả lớp phổ biến. Trạng thái `:hover` được kích hoạt khi con trỏ chuột ở trên phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884715' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để tạo một khoảng trống bên ngoài (phía trên, dưới, trái, phải) của một nhóm các trường nhập liệu được đặt trong thẻ `</p> <div>` với class là `form-group`, thuộc tính CSS nào nên được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884715]' id='ays-answer-3560969-29643' value='3560969'/> <label for='ays-answer-3560969-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3560969-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884715]' id='ays-answer-3560970-29643' value='3560970'/> <label for='ays-answer-3560970-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`border-spacing`</label><label for='ays-answer-3560970-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884715]' id='ays-answer-3560971-29643' value='3560971'/> <label for='ays-answer-3560971-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3560971-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884715]' id='ays-answer-3560972-29643' value='3560972'/> <label for='ays-answer-3560972-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`outline-offset`</label><label for='ays-answer-3560972-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884715'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk2OSI6IjAiLCIzNTYwOTcwIjoiMCIsIjM1NjA5NzEiOiIxIiwiMzU2MDk3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự khác biệt giữa `margin` và `padding`. `Margin` tạo khoảng trống bên ngoài đường viền của phần tử, đẩy các phần tử khác ra xa. `Padding` tạo khoảng trống bên trong đường viền, giữa nội dung và đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884716' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Một `<input type="password">` trong biểu mẫu cần được định kiểu đặc biệt khi người dùng bắt buộc phải điền vào trường này. Giả sử trường này có thuộc tính `required`. Trạng thái giả lớp CSS nào sau đây có thể được sử dụng để định kiểu cho trường nhập liệu này khi nó *chưa* được điền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884716'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra các trạng thái giả lớp liên quan đến ràng buộc dữ liệu. Trạng thái `:required` chọn các phần tử có thuộc tính `required`. Trạng thái `:invalid` chọn các phần tử có ràng buộc (như `required`) nhưng dữ liệu nhập vào không hợp lệ (ví dụ: trống khi `required`). `:valid` ngược lại. `:optional` chọn các phần tử không có `required`. Trong trường hợp này, khi chưa điền, nó là `required` và `invalid`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884717' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Để làm cho một nút nhấn (`<button>`) hiển thị như một khối độc lập, chiếm toàn bộ chiều rộng có sẵn của phần tử chứa nó và bắt đầu trên một dòng mới, thuộc tính CSS nào cần được đặt giá trị gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884717]' id='ays-answer-3560973-29643' value='3560973'/> <label for='ays-answer-3560973-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block;`</label><label for='ays-answer-3560973-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884717]' id='ays-answer-3560974-29643' value='3560974'/> <label for='ays-answer-3560974-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-3560974-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884717]' id='ays-answer-3560975-29643' value='3560975'/> <label for='ays-answer-3560975-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 100%;`</label><label for='ays-answer-3560975-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884717]' id='ays-answer-3560976-29643' value='3560976'/> <label for='ays-answer-3560976-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-3560976-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884717'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk3MyI6IjEiLCIzNTYwOTc0IjoiMCIsIjM1NjA5NzUiOiIwIiwiMzU2MDk3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `display`. Giá trị `block` làm cho phần tử hiển thị như một khối hộp, chiếm toàn bộ chiều rộng và bắt đầu trên dòng mới. Nút nhấn mặc định là `inline-block` hoặc `inline` tùy trình duyệt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884718' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Một biểu mẫu có nhiều nhóm trường (`</p> <fieldset>`). Mỗi `</p> <fieldset>` có một tiêu đề (`</p> <legend>`). Làm thế nào để chỉ định kiểu (ví dụ: màu chữ) cho thẻ `</p> <legend>` *chỉ khi* nó nằm trong một `</p> <fieldset>` có class là `user-info`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884718]' id='ays-answer-3560977-29643' value='3560977'/> <label for='ays-answer-3560977-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`legend.user-info`</label><label for='ays-answer-3560977-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884718]' id='ays-answer-3560978-29643' value='3560978'/> <label for='ays-answer-3560978-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`fieldset > legend.user-info`</label><label for='ays-answer-3560978-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884718]' id='ays-answer-3560979-29643' value='3560979'/> <label for='ays-answer-3560979-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`legend`</label><label for='ays-answer-3560979-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884718]' id='ays-answer-3560980-29643' value='3560980'/> <label for='ays-answer-3560980-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`.user-info legend`</label><label for='ays-answer-3560980-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884718'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk3NyI6IjAiLCIzNTYwOTc4IjoiMCIsIjM1NjA5NzkiOiIwIiwiMzU2MDk4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách kết hợp bộ chọn lớp và bộ chọn con cháu (descendant selector). Bộ chọn `.user-info legend` sẽ chọn tất cả các thẻ `</p> <legend>` là con cháu của bất kỳ phần tử nào có class `user-info`. Trong cấu trúc `</p> <fieldset class="user-info"> <legend>...</legend> </fieldset> <p>`, `</p> <legend>` là con của `</p> <fieldset>` có class `user-info`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884719' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Khi người dùng nhấp và giữ chuột trên một nút nhấn trước khi thả ra, nút đó ở trạng thái nào? Trạng thái giả lớp CSS nào được sử dụng để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884719'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về trạng thái tương tác của nút nhấn. Trạng thái `:active` được kích hoạt khi phần tử đang được 'kích hoạt' bởi người dùng, ví dụ như khi nhấp và giữ chuột trên nút.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884720' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn tất cả các thẻ `<label>` trong biểu mẫu hiển thị trên một dòng riêng biệt phía trên trường nhập liệu tương ứng. Thuộc tính CSS nào nên được áp dụng cho thẻ `<label>` để đạt được hiệu quả này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884720]' id='ays-answer-3560981-29643' value='3560981'/> <label for='ays-answer-3560981-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: block;`</label><label for='ays-answer-3560981-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884720]' id='ays-answer-3560982-29643' value='3560982'/> <label for='ays-answer-3560982-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: inline;`</label><label for='ays-answer-3560982-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884720]' id='ays-answer-3560983-29643' value='3560983'/> <label for='ays-answer-3560983-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`float: left;`</label><label for='ays-answer-3560983-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884720]' id='ays-answer-3560984-29643' value='3560984'/> <label for='ays-answer-3560984-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`position: absolute;`</label><label for='ays-answer-3560984-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884720'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk4MSI6IjEiLCIzNTYwOTgyIjoiMCIsIjM1NjA5ODMiOiIwIiwiMzU2MDk4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách thay đổi hành vi hiển thị mặc định. Thẻ `<label>` mặc định là phần tử inline. Để nó hiển thị trên dòng riêng và chiếm chiều rộng đầy đủ theo nội dung hoặc phần tử chứa, cần thay đổi `display` thành `block` hoặc `inline-block`. `Block` là lựa chọn phổ biến nhất để mỗi label chiếm một dòng riêng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884721' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Để định kiểu cho một hộp kiểm (`<input type="checkbox">`) chỉ khi nó *không* được chọn, trạng thái giả lớp CSS nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884721'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng bộ chọn phủ định (`:not()`) kết hợp với trạng thái `:checked`. Bộ chọn `:not(:checked)` chọn phần tử nếu nó *không* ở trạng thái `:checked`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884722' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Một nhà thiết kế muốn thêm một khoảng đệm bên trong (padding) là 10px cho tất cả các trường nhập liệu dạng văn bản (`<input type="text">`). Đoạn CSS nào sau đây thực hiện điều này một cách chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884722]' id='ays-answer-3560985-29643' value='3560985'/> <label for='ays-answer-3560985-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input { padding: 10px; }`</label><label for='ays-answer-3560985-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884722]' id='ays-answer-3560986-29643' value='3560986'/> <label for='ays-answer-3560986-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`[type="text"] { margin: 10px; }`</label><label for='ays-answer-3560986-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884722]' id='ays-answer-3560987-29643' value='3560987'/> <label for='ays-answer-3560987-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="text"] { padding: 10px; }`</label><label for='ays-answer-3560987-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884722]' id='ays-answer-3560988-29643' value='3560988'/> <label for='ays-answer-3560988-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="text"] { border: 10px solid transparent; }`</label><label for='ays-answer-3560988-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884722'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk4NSI6IjAiLCIzNTYwOTg2IjoiMCIsIjM1NjA5ODciOiIxIiwiMzU2MDk4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách áp dụng padding cho một loại input cụ thể. Bộ chọn `input[type="text"]` nhắm đúng các phần tử cần định kiểu. Thuộc tính `padding: 10px;` áp dụng khoảng đệm 10px cho cả 4 phía (trên, phải, dưới, trái).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884723' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn đang định kiểu cho một nút 'Gửi' (`<input type="submit">`). Làm thế nào để thay đổi màu chữ của nút này thành màu trắng khi người dùng di chuột qua nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884723]' id='ays-answer-3560989-29643' value='3560989'/> <label for='ays-answer-3560989-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="submit"]:hover { color: white; }`</label><label for='ays-answer-3560989-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884723]' id='ays-answer-3560990-29643' value='3560990'/> <label for='ays-answer-3560990-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="submit"]:active { color: white; }`</label><label for='ays-answer-3560990-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884723]' id='ays-answer-3560991-29643' value='3560991'/> <label for='ays-answer-3560991-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="submit"] { color: white; }`</label><label for='ays-answer-3560991-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884723]' id='ays-answer-3560992-29643' value='3560992'/> <label for='ays-answer-3560992-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input:hover[type="submit"] { background-color: white; }`</label><label for='ays-answer-3560992-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884723'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk4OSI6IjEiLCIzNTYwOTkwIjoiMCIsIjM1NjA5OTEiOiIwIiwiMzU2MDk5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kết hợp bộ chọn thuộc tính và trạng thái giả lớp `:hover` để thay đổi màu chữ (`color`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884724' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Để làm mờ (giảm độ trong suốt) một trường nhập liệu (`<input>`) khi nó bị vô hiệu hóa (disabled), thuộc tính CSS nào nên được sử dụng kết hợp với trạng thái giả lớp `:disabled`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884724]' id='ays-answer-3560993-29643' value='3560993'/> <label for='ays-answer-3560993-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`visibility`</label><label for='ays-answer-3560993-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884724]' id='ays-answer-3560994-29643' value='3560994'/> <label for='ays-answer-3560994-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display`</label><label for='ays-answer-3560994-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884724]' id='ays-answer-3560995-29643' value='3560995'/> <label for='ays-answer-3560995-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`color`</label><label for='ays-answer-3560995-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884724]' id='ays-answer-3560996-29643' value='3560996'/> <label for='ays-answer-3560996-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`opacity`</label><label for='ays-answer-3560996-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884724'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk5MyI6IjAiLCIzNTYwOTk0IjoiMCIsIjM1NjA5OTUiOiIwIiwiMzU2MDk5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách định kiểu cho trạng thái `:disabled` và thuộc tính điều chỉnh độ trong suốt. Thuộc tính `opacity` kiểm soát độ trong suốt của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884725' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn có một biểu mẫu với cấu trúc như sau:<br /> ```html</p> <form id="contactForm"> <div> <label for="name">Tên:</label><br /> <input type="text" id="name"> </div> <div> <label for="email">Email:</label><br /> <input type="email" id="email"> </div> </form> <p>```<br /> Bộ chọn CSS nào sau đây sẽ chỉ định kiểu cho *tất cả* các thẻ `<input>` và `<label>` nằm trực tiếp bên trong các thẻ `</p> <div>` trong biểu mẫu có ID là `contactForm`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884725]' id='ays-answer-3560997-29643' value='3560997'/> <label for='ays-answer-3560997-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`#contactForm input, #contactForm label`</label><label for='ays-answer-3560997-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884725]' id='ays-answer-3560998-29643' value='3560998'/> <label for='ays-answer-3560998-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`#contactForm > div > input, #contactForm > div > label`</label><label for='ays-answer-3560998-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884725]' id='ays-answer-3560999-29643' value='3560999'/> <label for='ays-answer-3560999-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`div input, div label`</label><label for='ays-answer-3560999-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884725]' id='ays-answer-3561000-29643' value='3561000'/> <label for='ays-answer-3561000-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`#contactForm div *`</label><label for='ays-answer-3561000-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884725'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MDk5NyI6IjAiLCIzNTYwOTk4IjoiMSIsIjM1NjA5OTkiOiIwIiwiMzU2MTAwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách kết hợp bộ chọn ID, bộ chọn con trực tiếp (`>`) và nhóm bộ chọn (`,` ). Bộ chọn `#contactForm > div > input, #contactForm > div > label` chọn các thẻ `input` và `label` là con trực tiếp của thẻ `div`, mà thẻ `div` này lại là con trực tiếp của phần tử có ID `contactForm`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884726' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Để định kiểu cho phần chú thích (`</p> <legend>`) của một nhóm trường (`</p> <fieldset>`) sao cho nó nằm một phần trên đường viền của `</p> <fieldset>`, bạn thường cần điều chỉnh thuộc tính nào của `</p> <legend>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884726]' id='ays-answer-3561001-29643' value='3561001'/> <label for='ays-answer-3561001-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`float`</label><label for='ays-answer-3561001-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884726]' id='ays-answer-3561002-29643' value='3561002'/> <label for='ays-answer-3561002-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display`</label><label for='ays-answer-3561002-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884726]' id='ays-answer-3561003-29643' value='3561003'/> <label for='ays-answer-3561003-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`position`</label><label for='ays-answer-3561003-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884726]' id='ays-answer-3561004-29643' value='3561004'/> <label for='ays-answer-3561004-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`overflow`</label><label for='ays-answer-3561004-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884726'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAwMSI6IjAiLCIzNTYxMDAyIjoiMCIsIjM1NjEwMDMiOiIxIiwiMzU2MTAwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách định vị thẻ `</p> <legend>`. Thẻ `</p> <legend>` có hành vi định vị đặc biệt liên quan đến `</p> <fieldset>`. Mặc định, trình duyệt sẽ đặt nó chồng lên viền trên của `</p> <fieldset>`. Để tinh chỉnh vị trí này, thường cần điều chỉnh thuộc tính `position` (đặt về `relative` hoặc `absolute` tùy ngữ cảnh) và các thuộc tính định vị như `top`, `left` hoặc `margin`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884727' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn tạo hiệu ứng bóng đổ (box-shadow) cho các trường nhập liệu (`<input>`) khi chúng được chọn (có focus). Đoạn CSS nào sau đây thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884727]' id='ays-answer-3561005-29643' value='3561005'/> <label for='ays-answer-3561005-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }`</label><label for='ays-answer-3561005-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884727]' id='ays-answer-3561006-29643' value='3561006'/> <label for='ays-answer-3561006-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input:hover { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }`</label><label for='ays-answer-3561006-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884727]' id='ays-answer-3561007-29643' value='3561007'/> <label for='ays-answer-3561007-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }`</label><label for='ays-answer-3561007-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884727]' id='ays-answer-3561008-29643' value='3561008'/> <label for='ays-answer-3561008-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input:active { box-shadow: 0 0 5px rgba(81, 203, 238, 1); }`</label><label for='ays-answer-3561008-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884727'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAwNSI6IjEiLCIzNTYxMDA2IjoiMCIsIjM1NjEwMDciOiIwIiwiMzU2MTAwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kết hợp bộ chọn phần tử, trạng thái giả lớp `:focus` và thuộc tính `box-shadow`. Khi phần tử `<input>` ở trạng thái `:focus`, hiệu ứng `box-shadow` được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884728' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để thay đổi kiểu con trỏ chuột thành biểu tượng 'ngón tay' (pointer) khi di chuột qua một nút nhấn, thuộc tính CSS nào nên được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884728]' id='ays-answer-3561009-29643' value='3561009'/> <label for='ays-answer-3561009-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`text-decoration`</label><label for='ays-answer-3561009-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884728]' id='ays-answer-3561010-29643' value='3561010'/> <label for='ays-answer-3561010-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`cursor`</label><label for='ays-answer-3561010-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884728]' id='ays-answer-3561011-29643' value='3561011'/> <label for='ays-answer-3561011-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`pointer-events`</label><label for='ays-answer-3561011-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884728]' id='ays-answer-3561012-29643' value='3561012'/> <label for='ays-answer-3561012-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-3561012-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884728'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAwOSI6IjAiLCIzNTYxMDEwIjoiMSIsIjM1NjEwMTEiOiIwIiwiMzU2MTAxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `cursor`. Giá trị `pointer` được sử dụng phổ biến để chỉ ra rằng một phần tử có thể tương tác được (như liên kết hoặc nút).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884729' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn tất cả các phần tử `<input>`, `<textarea>` và `<select>` trong biểu mẫu có cùng một kiểu chữ (font-family) và kích thước chữ (font-size). Bộ chọn CSS nào sau đây có thể nhóm tất cả các phần tử này lại để áp dụng kiểu chung?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884729]' id='ays-answer-3561013-29643' value='3561013'/> <label for='ays-answer-3561013-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input textarea select`</label><label for='ays-answer-3561013-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884729]' id='ays-answer-3561014-29643' value='3561014'/> <label for='ays-answer-3561014-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input, textarea select`</label><label for='ays-answer-3561014-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884729]' id='ays-answer-3561015-29643' value='3561015'/> <label for='ays-answer-3561015-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input, textarea, select`</label><label for='ays-answer-3561015-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884729]' id='ays-answer-3561016-29643' value='3561016'/> <label for='ays-answer-3561016-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input + textarea + select`</label><label for='ays-answer-3561016-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884729'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAxMyI6IjAiLCIzNTYxMDE0IjoiMCIsIjM1NjEwMTUiOiIxIiwiMzU2MTAxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm các bộ chọn bằng dấu phẩy (`,`). Việc nhóm các bộ chọn cho phép áp dụng cùng một tập hợp các quy tắc CSS cho nhiều loại phần tử khác nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884730' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Xét một biểu mẫu có các trường nhập liệu và nút gửi. Khi biểu mẫu được gửi thành công, bạn muốn hiển thị một thông báo. Mặc dù việc xử lý gửi biểu mẫu thường dùng JavaScript, nhưng về mặt CSS, làm thế nào bạn có thể định kiểu cho một phần tử thông báo (ví dụ: `</p> <div class="success-message">`) mà chỉ hiển thị *sau* khi một hành động nào đó xảy ra (ví dụ: ẩn ban đầu và hiển thị sau)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884730]' id='ays-answer-3561017-29643' value='3561017'/> <label for='ays-answer-3561017-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`visibility: hidden;` (vẫn chiếm không gian)</label><label for='ays-answer-3561017-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884730]' id='ays-answer-3561018-29643' value='3561018'/> <label for='ays-answer-3561018-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`opacity: 0;` (vẫn chiếm không gian và tương tác được)</label><label for='ays-answer-3561018-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884730]' id='ays-answer-3561019-29643' value='3561019'/> <label for='ays-answer-3561019-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`height: 0; overflow: hidden;` (phức tạp hơn, có thể vẫn chiếm không gian ngang)</label><label for='ays-answer-3561019-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884730]' id='ays-answer-3561020-29643' value='3561020'/> <label for='ays-answer-3561020-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: none;` (không hiển thị, không chiếm không gian)</label><label for='ays-answer-3561020-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884730'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAxNyI6IjAiLCIzNTYxMDE4IjoiMCIsIjM1NjEwMTkiOiIwIiwiMzU2MTAyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách điều khiển hiển thị/ẩn bằng CSS. Thuộc tính `display: none;` làm cho phần tử không hiển thị và không chiếm không gian. Để hiển thị lại, cần thay đổi `display` thành `block`, `inline`, `flex`, `grid`, v.v. (thường được thực hiện bằng cách thêm/xóa class bằng JavaScript, nhưng nguyên tắc ẩn/hiện là dùng `display`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884731' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn đang định kiểu cho một nhóm nút radio (`<input type="radio">`). Làm thế nào để thay đổi màu nền của `<label>` liên kết với một nút radio *khi nút radio đó được chọn*?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884731]' id='ays-answer-3561021-29643' value='3561021'/> <label for='ays-answer-3561021-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="radio"]:checked + label { background-color: yellow; }`</label><label for='ays-answer-3561021-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884731]' id='ays-answer-3561022-29643' value='3561022'/> <label for='ays-answer-3561022-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`label + input[type="radio"]:checked { background-color: yellow; }`</label><label for='ays-answer-3561022-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884731]' id='ays-answer-3561023-29643' value='3561023'/> <label for='ays-answer-3561023-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="radio"] + label:checked { background-color: yellow; }`</label><label for='ays-answer-3561023-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884731]' id='ays-answer-3561024-29643' value='3561024'/> <label for='ays-answer-3561024-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="radio"]:active + label { background-color: yellow; }`</label><label for='ays-answer-3561024-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884731'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAyMSI6IjEiLCIzNTYxMDIyIjoiMCIsIjM1NjEwMjMiOiIwIiwiMzU2MTAyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kết hợp bộ chọn thuộc tính, trạng thái `:checked` và bộ chọn anh em liền kề (`+`). Bộ chọn `input[type="radio"]:checked + label` chọn thẻ `<label>` đứng ngay sau một nút radio đã chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884732' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` trong HTML `<input>` cung cấp gợi ý cho người dùng. Về mặt CSS, bạn có thể định kiểu cho văn bản `placeholder` này. Bộ giả phần tử (pseudo-element) nào được sử dụng để chọn và định kiểu cho văn bản `placeholder`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884732'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về bộ giả phần tử. Bộ giả phần tử `::placeholder` được sử dụng để định kiểu cho văn bản gợi ý trong các trường nhập liệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884733' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn tất cả các trường nhập liệu dạng số (`<input type="number">`) có chiều rộng cố định là 100px và căn lề văn bản nhập vào sang phải. Thuộc tính CSS nào được dùng để căn lề văn bản trong phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884733]' id='ays-answer-3561025-29643' value='3561025'/> <label for='ays-answer-3561025-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`vertical-align`</label><label for='ays-answer-3561025-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884733]' id='ays-answer-3561026-29643' value='3561026'/> <label for='ays-answer-3561026-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`float`</label><label for='ays-answer-3561026-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884733]' id='ays-answer-3561027-29643' value='3561027'/> <label for='ays-answer-3561027-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`text-align`</label><label for='ays-answer-3561027-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884733]' id='ays-answer-3561028-29643' value='3561028'/> <label for='ays-answer-3561028-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`justify-content`</label><label for='ays-answer-3561028-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884733'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAyNSI6IjAiLCIzNTYxMDI2IjoiMCIsIjM1NjEwMjciOiIxIiwiMzU2MTAyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kết hợp bộ chọn thuộc tính và thuộc tính căn lề văn bản. Thuộc tính `text-align` dùng để căn lề nội dung văn bản bên trong một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884734' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Một biểu mẫu có một nút gửi (`<button type="submit">`). Bạn muốn nút này có màu nền xanh lá cây và màu chữ trắng. Đoạn CSS nào sau đây thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884734]' id='ays-answer-3561029-29643' value='3561029'/> <label for='ays-answer-3561029-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`button[type="submit"] { font-color: white; bgcolor: green; }`</label><label for='ays-answer-3561029-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884734]' id='ays-answer-3561030-29643' value='3561030'/> <label for='ays-answer-3561030-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`button[type="submit"] { background-color: green; color: white; }`</label><label for='ays-answer-3561030-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884734]' id='ays-answer-3561031-29643' value='3561031'/> <label for='ays-answer-3561031-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`button { background: white; text-color: green; }`</label><label for='ays-answer-3561031-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884734]' id='ays-answer-3561032-29643' value='3561032'/> <label for='ays-answer-3561032-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input[type="submit"] { background-color: green; color: white; }` (Sai bộ chọn thẻ)</label><label for='ays-answer-3561032-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884734'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAyOSI6IjAiLCIzNTYxMDMwIjoiMSIsIjM1NjEwMzEiOiIwIiwiMzU2MTAzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về định kiểu nút nhấn bằng màu nền (`background-color`) và màu chữ (`color`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884735' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn có một nhóm các trường nhập liệu được đặt trong một thẻ `</p> <div>` có class là `form-row`. Bạn muốn mỗi trường nhập liệu (`<input>`) bên trong `form-row` có một khoảng cách 15px ở phía dưới. Bộ chọn và thuộc tính nào là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884735]' id='ays-answer-3561033-29643' value='3561033'/> <label for='ays-answer-3561033-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`.form-row { margin-bottom: 15px; }`</label><label for='ays-answer-3561033-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884735]' id='ays-answer-3561034-29643' value='3561034'/> <label for='ays-answer-3561034-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`input { margin-bottom: 15px; }`</label><label for='ays-answer-3561034-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884735]' id='ays-answer-3561035-29643' value='3561035'/> <label for='ays-answer-3561035-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`.form-row > div { margin-bottom: 15px; }`</label><label for='ays-answer-3561035-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884735]' id='ays-answer-3561036-29643' value='3561036'/> <label for='ays-answer-3561036-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`.form-row input { margin-bottom: 15px; }`</label><label for='ays-answer-3561036-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884735'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAzMyI6IjAiLCIzNTYxMDM0IjoiMCIsIjM1NjEwMzUiOiIwIiwiMzU2MTAzNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng bộ chọn con cháu và thuộc tính `margin-bottom`. Bộ chọn `.form-row input` chọn tất cả các thẻ `<input>` là con cháu của phần tử có class `form-row`. `margin-bottom: 15px;` thêm khoảng trống 15px bên dưới mỗi input.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884736' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để xóa đường viền mặc định (border) của một trường nhập liệu (`<input>`), thuộc tính CSS nào cần được đặt giá trị gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884736]' id='ays-answer-3561037-29643' value='3561037'/> <label for='ays-answer-3561037-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`border: none;`</label><label for='ays-answer-3561037-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884736]' id='ays-answer-3561038-29643' value='3561038'/> <label for='ays-answer-3561038-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`outline: none;`</label><label for='ays-answer-3561038-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884736]' id='ays-answer-3561039-29643' value='3561039'/> <label for='ays-answer-3561039-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`border-width: 0;`</label><label for='ays-answer-3561039-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884736]' id='ays-answer-3561040-29643' value='3561040'/> <label for='ays-answer-3561040-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`display: none;`</label><label for='ays-answer-3561040-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884736'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTAzNyI6IjEiLCIzNTYxMDM4IjoiMCIsIjM1NjEwMzkiOiIwIiwiMzU2MTA0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách loại bỏ đường viền. Thuộc tính `border` với giá trị `none` hoặc `0` sẽ xóa đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884737' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn tất cả các thẻ `<textarea>` trong biểu mẫu có kích thước cố định và không cho phép người dùng thay đổi kích thước bằng cách kéo góc. Thuộc tính CSS nào kiểm soát khả năng thay đổi kích thước của `<textarea>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884737]' id='ays-answer-3561041-29643' value='3561041'/> <label for='ays-answer-3561041-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`overflow`</label><label for='ays-answer-3561041-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884737]' id='ays-answer-3561042-29643' value='3561042'/> <label for='ays-answer-3561042-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`size`</label><label for='ays-answer-3561042-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884737]' id='ays-answer-3561043-29643' value='3561043'/> <label for='ays-answer-3561043-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`resize`</label><label for='ays-answer-3561043-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884737]' id='ays-answer-3561044-29643' value='3561044'/> <label for='ays-answer-3561044-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`max-width`</label><label for='ays-answer-3561044-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884737'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTA0MSI6IjAiLCIzNTYxMDQyIjoiMCIsIjM1NjEwNDMiOiIxIiwiMzU2MTA0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `resize`. Thuộc tính `resize: none;` được sử dụng để tắt khả năng thay đổi kích thước của các phần tử như `<textarea>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884738' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Khi một trường nhập liệu (`<input>`) trong biểu mẫu có thuộc tính `readonly`, người dùng không thể thay đổi giá trị của nó. Trạng thái giả lớp CSS nào có thể được sử dụng để định kiểu khác biệt cho các trường nhập liệu chỉ đọc này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884738'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra trạng thái giả lớp `:read-only`. Trạng thái này chọn các phần tử biểu mẫu có thuộc tính `readonly` hoặc tương đương.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='884739' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn muốn tạo một hiệu ứng chuyển động nhẹ nhàng (transition) cho màu nền của nút nhấn khi người dùng di chuột qua nó (hover). Thuộc tính CSS nào được sử dụng để xác định các thuộc tính sẽ được áp dụng hiệu ứng chuyển động và thời gian của nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884739]' id='ays-answer-3561045-29643' value='3561045'/> <label for='ays-answer-3561045-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`animation`</label><label for='ays-answer-3561045-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884739]' id='ays-answer-3561046-29643' value='3561046'/> <label for='ays-answer-3561046-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`transform`</label><label for='ays-answer-3561046-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884739]' id='ays-answer-3561047-29643' value='3561047'/> <label for='ays-answer-3561047-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`@keyframes`</label><label for='ays-answer-3561047-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-884739]' id='ays-answer-3561048-29643' value='3561048'/> <label for='ays-answer-3561048-29643' class=' ays_position_initial ays-quiz-keyboard-label'>`transition`</label><label for='ays-answer-3561048-29643' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29643 === 'undefined'){ window.quizOptions_29643 = []; } window.quizOptions_29643['884739'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU2MTA0NSI6IjAiLCIzNTYxMDQ2IjoiMCIsIjM1NjEwNDciOiIwIiwiMzU2MTA0OCI6IjEifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_29643" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_29643" style="display:none" data-id="30" data-quiz_id="29643"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_29643" maxlength="10" /> <input type="hidden" value="" id="kw-id_29643" /> <a id="submit_kw_hub_29643" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_29643" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_29643" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_29643"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_29643" id="kw_get_pass_29643" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_29643">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_29643" style="display:none"> <input type="hidden" value="29643" name="current_active_quiz_id" id="current_active_quiz_id_29643" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_29643'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về hiệu ứng chuyển động cơ bản trong CSS. Thuộc tính `transition` được sử dụng để định nghĩa các thuộc tính CSS sẽ thay đổi giá trị một cách mượt mà trong một khoảng thời gian nhất định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-29643 * { box-sizing: border-box; } #ays-quiz-container-29643 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-29643 #ays_finish_quiz_29643 { } /* Styles for Quiz container */ #ays-quiz-container-29643{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-29643 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-29643 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-29643.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-29643.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-29643 #ays_finish_quiz_29643 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-29643.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container p, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-29643.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-29643 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-29643 .ays-quiz-password-message-box, #ays-quiz-container-29643 .ays-quiz-question-note-message-box, #ays-quiz-container-29643 .ays_quiz_question, #ays-quiz-container-29643 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-29643 textarea, #ays-quiz-container-29643 input::first-letter, #ays-quiz-container-29643 select::first-letter, #ays-quiz-container-29643 option::first-letter { color: initial !important; } #ays-quiz-container-29643 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-29643 .select2-container, #ays-quiz-container-29643 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-29643 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-29643 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-29643 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-29643 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-29643 .ays-questions-container .ays-field, div#ays-quiz-container-29643 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-29643 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-29643 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-29643 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-29643 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-29643 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-29643 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-29643 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-29643 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-29643 .information_form input[type='text'], #ays-quiz-container-29643 .information_form input[type='url'], #ays-quiz-container-29643 .information_form input[type='number'], #ays-quiz-container-29643 .information_form input[type='email'], #ays-quiz-container-29643 .information_form input[type='tel'], #ays-quiz-container-29643 .information_form textarea, #ays-quiz-container-29643 .information_form select, #ays-quiz-container-29643 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-29643 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-29643 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-29643 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-29643 .right_answer_text{ color:#33cc33; } #ays-quiz-container-29643 .right_answer_text p { font-size:16px; } #ays-quiz-container-29643 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-29643 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-29643 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29643 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29643 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29643 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29643 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29643 .ays_cb_and_a, #ays-quiz-container-29643 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-29643 iframe { /*min-height: 450px;*/ } #ays-quiz-container-29643 label.ays_for_checkbox, #ays-quiz-container-29643 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-29643 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-29643 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-29643 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-29643 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-29643 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-29643 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-29643 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-29643 div.lds-spinner, #ays-quiz-container-29643 div.lds-spinner2 { color: #000000; } #ays-quiz-container-29643 div.lds-spinner div:after, #ays-quiz-container-29643 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-29643 .lds-circle, #ays-quiz-container-29643 .lds-facebook div, #ays-quiz-container-29643 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-29643 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-29643 .lds-dual-ring::after, #ays-quiz-container-29643 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-29643 .ui.rating .icon, #ays-quiz-container-29643 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-29643 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-29643 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-29643 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-29643 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-29643 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-29643 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-29643 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-29643 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-29643 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-29643 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-29643 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-29643 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-29643 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-29643 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-29643 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-29643 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-29643 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-29643 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-29643 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-29643 div.ays-quiz-redirection-timer, #ays-quiz-container-29643 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-29643 div.ays-quiz-after-timer * , #ays-quiz-container-29643 div.ays-quiz-redirection-timer *, #ays-quiz-container-29643 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-29643 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-29643 input#ays-submit, #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button, #ays-quiz-container-29643 #ays_finish_quiz_29643 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-29643 #ays_finish_quiz_29643 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button.ays_restart_button, #ays-quiz-container-29643 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29643 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-29643 input#ays-submit, #ays-quiz-container-29643 #ays_finish_quiz_29643 input.action-button, #ays-quiz-container-29643 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29643 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29643 input#ays-submit:hover, #ays-quiz-container-29643 input#ays-submit:focus, #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button:hover, #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button:focus, #ays-quiz-container-29643 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-29643 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-29643 .ays_restart_button { color: #ffffff; } #ays-quiz-container-29643 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-29643 .ays_buttons_div { justify-content: center; } #ays-quiz-container-29643 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-29643 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-29643 input[type='button'], #ays-quiz-container-29643 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-29643 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-29643 input[type='button']:focus-visible, div#ays-quiz-container-29643 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_early_finish.action-button[disabled], #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-29643 #ays_finish_quiz_29643 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-29643 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-29643 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-29643 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-29643.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-29643 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-29643 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29643 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-29643 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-29643 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-29643 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-29643 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-29643 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-29643 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-29643 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-29643 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-29643 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-29643 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-29643 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-29643 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-29643 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29643 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-29643 .ays-field .select2-container--default, #ays-quiz-container-29643 .ays-field .select2-container--default .selection, #ays-quiz-container-29643 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-29643 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-29643 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-29643 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-29643 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-29643 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-29643 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-29643 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-29643 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-29643 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-29643 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-29643 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-29643 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-29643 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-29643 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-29643 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-29643 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-29643 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-29643 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29643 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29643 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-29643.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-29643.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-29643 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-29643 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-29643 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-29643 label[for^='ays-answer']:before, #ays-quiz-container-29643 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-29643 .ays_question_report { text-align: right; } div#ays-quiz-container-29643 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-29643 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-29643.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-29643.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-29643.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-29643.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-29643.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-29643.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-29643 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-29643.ays_quiz_classic_dark .correct_div, #ays-quiz-container-29643.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-29643.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-29643.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-29643.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-29643.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29643.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-29643.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29643 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-29643 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-29643 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-29643 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-29643 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-29643 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-29643 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-29643.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-29643.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-29643 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-29643 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-29643 .ays-quiz-personality-result-box div:before, #ays-quiz-container-29643 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-29643 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-29643 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-29643 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-29643 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-29643 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-29643 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-29643 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-29643 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-29643 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-29643 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-29643 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-29643 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-29643 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-29643{ max-width: 100%; } div#ays-quiz-container-29643 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-29643.ays_quiz_modern_light .step, div#ays-quiz-container-29643.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-29643.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-29643.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-29643.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-29643.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-29643 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-29643 .select2-container, div#ays-quiz-container-29643 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-29643 input#ays-submit, div#ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button, div#ays-quiz-container-29643 #ays_finish_quiz_29643 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button.ays_restart_button, #ays-quiz-container-29643 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29643 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-29643 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-29643 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-29643 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-29643 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-29643 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-29643 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29643 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-29643 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-29643 p { margin: 0.625em; } #ays-quiz-container-29643.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-29643.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-29643 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-29643.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-29643 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button:hover, #ays-quiz-container-29643 #ays_finish_quiz_29643 .action-button:focus, #ays-quiz-container-29643 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-29643 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['29643'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyOTY0MyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMyIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI4ODQ3MTAsODg0NzExLDg4NDcxMiw4ODQ3MTMsODg0NzE0LDg4NDcxNSw4ODQ3MTYsODg0NzE3LDg4NDcxOCw4ODQ3MTksODg0NzIwLDg4NDcyMSw4ODQ3MjIsODg0NzIzLDg4NDcyNCw4ODQ3MjUsODg0NzI2LDg4NDcyNyw4ODQ3MjgsODg0NzI5LDg4NDczMCw4ODQ3MzEsODg0NzMyLDg4NDczMyw4ODQ3MzQsODg0NzM1LDg4NDczNiw4ODQ3MzcsODg0NzM4LDg4NDczOSIsIm9yZGVyaW5nIjoiMjk2NDMiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='29643'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_29643' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-30581'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_30581' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 04</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='30581'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='912795,912796,912797,912798,912799,912800,912801,912802,912803,912804,912805,912806,912807,912808,912809,912810,912811,912812,912813,912814,912815,912816,912817,912818,912819,912820,912821,912822,912823,912824'> </div> </div><div class='step ' data-question-id='912795' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký và muốn các hộp nhập liệu văn bản (`<input type='text'>`) có đường viền màu xanh nhạt và bo tròn góc khi người dùng *chưa* tương tác gì. Bạn sẽ sử dụng bộ chọn CSS nào và các thuộc tính nào để đạt được điều này ở trạng thái mặc định?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912795]' id='ays-answer-3670757-30581' value='3670757'/> <label for='ays-answer-3670757-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn `input:focus` với thuộc tính `outline`.</label><label for='ays-answer-3670757-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912795]' id='ays-answer-3670758-30581' value='3670758'/> <label for='ays-answer-3670758-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn `input[type='text']:hover` với thuộc tính `background-color`.</label><label for='ays-answer-3670758-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912795]' id='ays-answer-3670759-30581' value='3670759'/> <label for='ays-answer-3670759-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn `input[type='text']:active` với thuộc tính `border-color`.</label><label for='ays-answer-3670759-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912795]' id='ays-answer-3670760-30581' value='3670760'/> <label for='ays-answer-3670760-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn `input[type='text']` với các thuộc tính `border` và `border-radius`.</label><label for='ays-answer-3670760-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912795'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc1NyI6IjAiLCIzNjcwNzU4IjoiMCIsIjM2NzA3NTkiOiIwIiwiMzY3MDc2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng chọn bộ chọn và thuộc tính CSS cơ bản để định kiểu cho phần tử input ở trạng thái mặc định (chưa focus, chưa hover). Bộ chọn `input[type='text']` nhắm đúng vào loại input cần định kiểu. `border` và `border-radius` là các thuộc tính phù hợp cho đường viền và bo góc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912796' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Một biểu mẫu có nhiều thẻ `<label>` liên kết với các hộp nhập liệu. Để cải thiện khả năng sử dụng, bạn muốn khi người dùng rê chuột qua một nhãn (`<label>`), màu chữ của nhãn đó sẽ chuyển sang màu đậm hơn một chút để chỉ ra rằng nó có thể tương tác được. Bạn sẽ sử dụng pseudo-class nào kết hợp với bộ chọn thẻ `<label>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912796]' id='ays-answer-3670761-30581' value='3670761'/> <label for='ays-answer-3670761-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3670761-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912796]' id='ays-answer-3670762-30581' value='3670762'/> <label for='ays-answer-3670762-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3670762-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912796]' id='ays-answer-3670763-30581' value='3670763'/> <label for='ays-answer-3670763-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3670763-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912796]' id='ays-answer-3670764-30581' value='3670764'/> <label for='ays-answer-3670764-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3670764-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912796'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc2MSI6IjEiLCIzNjcwNzYyIjoiMCIsIjM2NzA3NjMiOiIwIiwiMzY3MDc2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu sử dụng pseudo-class thích hợp để định kiểu cho một phần tử khi con trỏ chuột nằm trên nó. Pseudo-class `:hover` được dùng cho mục đích này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912797' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn có một nhóm các nút radio (`<input type='radio'>`) và muốn chúng trông nổi bật hơn khi được chọn. Cụ thể, bạn muốn thay đổi màu nền hoặc thêm một đường viền đặc biệt cho nút radio đang ở trạng thái 'được chọn'. Pseudo-class nào trong CSS giúp bạn nhắm tới trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912797]' id='ays-answer-3670765-30581' value='3670765'/> <label for='ays-answer-3670765-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3670765-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912797]' id='ays-answer-3670766-30581' value='3670766'/> <label for='ays-answer-3670766-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3670766-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912797]' id='ays-answer-3670767-30581' value='3670767'/> <label for='ays-answer-3670767-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3670767-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912797]' id='ays-answer-3670768-30581' value='3670768'/> <label for='ays-answer-3670768-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-3670768-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912797'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc2NSI6IjAiLCIzNjcwNzY2IjoiMCIsIjM2NzA3NjciOiIxIiwiMzY3MDc2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu nhận biết pseudo-class dùng để định kiểu cho các phần tử form (như radio button, checkbox) khi chúng đang ở trạng thái 'đã chọn'. Pseudo-class `:checked` là lựa chọn chính xác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912798' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn đang định kiểu cho một hộp nhập liệu văn bản (`<input type='text'>`). Bạn đặt `width: 250px;`, `padding: 10px;` và `border: 1px solid #ccc;`. Theo mô hình hộp CSS mặc định (`box-sizing: content-box;`), tổng chiều rộng thực tế của hộp nhập liệu này trên trang web sẽ là bao nhiêu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912798]' id='ays-answer-3670769-30581' value='3670769'/> <label for='ays-answer-3670769-30581' class=' ays_position_initial ays-quiz-keyboard-label'>250px</label><label for='ays-answer-3670769-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912798]' id='ays-answer-3670770-30581' value='3670770'/> <label for='ays-answer-3670770-30581' class=' ays_position_initial ays-quiz-keyboard-label'>260px</label><label for='ays-answer-3670770-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912798]' id='ays-answer-3670771-30581' value='3670771'/> <label for='ays-answer-3670771-30581' class=' ays_position_initial ays-quiz-keyboard-label'>262px</label><label for='ays-answer-3670771-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912798]' id='ays-answer-3670772-30581' value='3670772'/> <label for='ays-answer-3670772-30581' class=' ays_position_initial ays-quiz-keyboard-label'>272px</label><label for='ays-answer-3670772-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912798'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc2OSI6IjAiLCIzNjcwNzcwIjoiMCIsIjM2NzA3NzEiOiIwIiwiMzY3MDc3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về mô hình hộp CSS mặc định (`content-box`). Trong mô hình này, `width` chỉ áp dụng cho vùng nội dung (content area). Padding và border được *thêm vào* kích thước này. Tổng chiều rộng = width + 2*padding + 2*border = 250px + 2*10px + 2*1px = 250 + 20 + 2 = 272px.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912799' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Để khắc phục vấn đề ở Câu 4, tức là bạn muốn tổng chiều rộng của hộp nhập liệu (bao gồm cả padding và border) là đúng 250px, bạn cần thêm thuộc tính CSS nào với giá trị nào cho hộp nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912799]' id='ays-answer-3670773-30581' value='3670773'/> <label for='ays-answer-3670773-30581' class=' ays_position_initial ays-quiz-keyboard-label'>`width: 250px;` (chỉ cần đặt width là đủ)</label><label for='ays-answer-3670773-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912799]' id='ays-answer-3670774-30581' value='3670774'/> <label for='ays-answer-3670774-30581' class=' ays_position_initial ays-quiz-keyboard-label'>`box-sizing: border-box;`</label><label for='ays-answer-3670774-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912799]' id='ays-answer-3670775-30581' value='3670775'/> <label for='ays-answer-3670775-30581' class=' ays_position_initial ays-quiz-keyboard-label'>`box-sizing: padding-box;`</label><label for='ays-answer-3670775-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912799]' id='ays-answer-3670776-30581' value='3670776'/> <label for='ays-answer-3670776-30581' class=' ays_position_initial ays-quiz-keyboard-label'>`margin: 0;`</label><label for='ays-answer-3670776-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912799'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc3MyI6IjAiLCIzNjcwNzc0IjoiMSIsIjM2NzA3NzUiOiIwIiwiMzY3MDc3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng thuộc tính `box-sizing` để thay đổi cách tính kích thước của phần tử. Giá trị `border-box` sẽ khiến `width` bao gồm cả padding và border.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912800' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn muốn tạo khoảng cách giữa các cặp nhãn và hộp nhập liệu (`<label>` và `<input>`) trong biểu mẫu để chúng không bị dính sát vào nhau. Thuộc tính CSS nào thường được sử dụng để tạo khoảng trống *bên ngoài* đường viền của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912800]' id='ays-answer-3670777-30581' value='3670777'/> <label for='ays-answer-3670777-30581' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3670777-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912800]' id='ays-answer-3670778-30581' value='3670778'/> <label for='ays-answer-3670778-30581' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3670778-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912800]' id='ays-answer-3670779-30581' value='3670779'/> <label for='ays-answer-3670779-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3670779-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912800]' id='ays-answer-3670780-30581' value='3670780'/> <label for='ays-answer-3670780-30581' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3670780-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912800'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc3NyI6IjEiLCIzNjcwNzc4IjoiMCIsIjM2NzA3NzkiOiIwIiwiMzY3MDc4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về mô hình hộp CSS, cụ thể là thuộc tính dùng để tạo khoảng cách *bên ngoài* phần tử, tách nó ra khỏi các phần tử lân cận. Thuộc tính `margin` được sử dụng cho mục đích này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912801' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Ngược lại với Câu 6, bạn muốn tạo khoảng trống *bên trong* hộp nhập liệu, giữa nội dung văn bản người dùng nhập và đường viền của hộp. Thuộc tính CSS nào thường được sử dụng để tạo khoảng trống này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912801]' id='ays-answer-3670781-30581' value='3670781'/> <label for='ays-answer-3670781-30581' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3670781-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912801]' id='ays-answer-3670782-30581' value='3670782'/> <label for='ays-answer-3670782-30581' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3670782-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912801]' id='ays-answer-3670783-30581' value='3670783'/> <label for='ays-answer-3670783-30581' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3670783-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912801]' id='ays-answer-3670784-30581' value='3670784'/> <label for='ays-answer-3670784-30581' class=' ays_position_initial ays-quiz-keyboard-label'>space</label><label for='ays-answer-3670784-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912801'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc4MSI6IjAiLCIzNjcwNzgyIjoiMSIsIjM2NzA3ODMiOiIwIiwiMzY3MDc4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về mô hình hộp CSS, cụ thể là thuộc tính dùng để tạo khoảng cách *bên trong* phần tử, giữa nội dung và đường viền. Thuộc tính `padding` được sử dụng cho mục đích này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912802' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn đang định kiểu cho một nút bấm (`<button>`). Bạn muốn khi người dùng nhấn và giữ chuột vào nút, màu nền của nút sẽ chuyển sang màu đỏ ngay lập tức để cung cấp phản hồi trực quan. Pseudo-class nào phù hợp nhất để định kiểu cho trạng thái 'đang được nhấn' này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912802]' id='ays-answer-3670785-30581' value='3670785'/> <label for='ays-answer-3670785-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3670785-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912802]' id='ays-answer-3670786-30581' value='3670786'/> <label for='ays-answer-3670786-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3670786-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912802]' id='ays-answer-3670787-30581' value='3670787'/> <label for='ays-answer-3670787-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3670787-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912802]' id='ays-answer-3670788-30581' value='3670788'/> <label for='ays-answer-3670788-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-3670788-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912802'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc4NSI6IjAiLCIzNjcwNzg2IjoiMCIsIjM2NzA3ODciOiIxIiwiMzY3MDc4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu xác định pseudo-class dùng để định kiểu cho một phần tử khi nó đang ở trạng thái 'đang được kích hoạt' (nhấn giữ chuột, hoặc nhấn phím Enter khi focus vào nút). Pseudo-class `:active` là lựa chọn chính xác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912803' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Trong một biểu mẫu, bạn có một hộp văn bản (`<input type='text'>`) bị vô hiệu hóa (`disabled`). Bạn muốn hộp văn bản này có màu nền xám nhạt và không cho phép người dùng nhập liệu, đồng thời hiển thị rõ trạng thái 'không hoạt động'. Pseudo-class nào giúp bạn nhắm tới các phần tử form ở trạng thái bị vô hiệu hóa?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912803]' id='ays-answer-3670789-30581' value='3670789'/> <label for='ays-answer-3670789-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-3670789-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912803]' id='ays-answer-3670790-30581' value='3670790'/> <label for='ays-answer-3670790-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3670790-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912803]' id='ays-answer-3670791-30581' value='3670791'/> <label for='ays-answer-3670791-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3670791-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912803]' id='ays-answer-3670792-30581' value='3670792'/> <label for='ays-answer-3670792-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-3670792-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912803'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc4OSI6IjAiLCIzNjcwNzkwIjoiMCIsIjM2NzA3OTEiOiIwIiwiMzY3MDc5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu xác định pseudo-class dùng để định kiểu cho các phần tử form khi chúng bị vô hiệu hóa (không thể tương tác). Pseudo-class `:disabled` được sử dụng cho mục đích này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912804' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Để các phần tử cấp độ khối (block-level elements) trong biểu mẫu như `</p> <div>`, `</p> <p>`, hoặc `</p> <form>` tự động chiếm toàn bộ chiều rộng của phần tử chứa nó và bắt đầu trên một dòng mới, bạn cần đảm bảo thuộc tính `display` của chúng có giá trị mặc định hoặc được đặt rõ ràng là:</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912804]' id='ays-answer-3670793-30581' value='3670793'/> <label for='ays-answer-3670793-30581' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-3670793-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912804]' id='ays-answer-3670794-30581' value='3670794'/> <label for='ays-answer-3670794-30581' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-3670794-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912804]' id='ays-answer-3670795-30581' value='3670795'/> <label for='ays-answer-3670795-30581' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-3670795-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912804]' id='ays-answer-3670796-30581' value='3670796'/> <label for='ays-answer-3670796-30581' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-3670796-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912804'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc5MyI6IjAiLCIzNjcwNzk0IjoiMSIsIjM2NzA3OTUiOiIwIiwiMzY3MDc5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về mô hình hiển thị các phần tử HTML. Các phần tử cấp độ khối (block) mặc định chiếm toàn bộ chiều rộng và bắt đầu trên dòng mới. Thuộc tính `display: block;` xác định hành vi này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912805' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn định kiểu cho các hộp kiểm (`<input type='checkbox'>`) *chưa* được chọn. Pseudo-class nào, thường kết hợp với pseudo-class `:checked`, giúp bạn nhắm tới trạng thái 'chưa được chọn' này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912805]' id='ays-answer-3670797-30581' value='3670797'/> <label for='ays-answer-3670797-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:checked)</label><label for='ays-answer-3670797-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912805]' id='ays-answer-3670798-30581' value='3670798'/> <label for='ays-answer-3670798-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:unchecked</label><label for='ays-answer-3670798-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912805]' id='ays-answer-3670799-30581' value='3670799'/> <label for='ays-answer-3670799-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-3670799-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912805]' id='ays-answer-3670800-30581' value='3670800'/> <label for='ays-answer-3670800-30581' class=' ays_position_initial ays-quiz-keyboard-label'>:unselected</label><label for='ays-answer-3670800-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912805'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDc5NyI6IjEiLCIzNjcwNzk4IjoiMCIsIjM2NzA3OTkiOiIwIiwiMzY3MDgwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu xác định cách chọn các phần tử form ở trạng thái 'chưa được chọn'. Pseudo-class `:not()` kết hợp với `:checked` (`:not(:checked)`) là cách phổ biến để chọn các phần tử không ở trạng thái `:checked`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912806' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Khi một hộp nhập liệu văn bản (`<input type='text'>`) nhận được sự tập trung (focus) từ người dùng (ví dụ: khi click vào hoặc dùng phím Tab), trình duyệt thường thêm một đường viền mặc định (outline). Thuộc tính CSS nào được sử dụng để tùy chỉnh hoặc loại bỏ đường viền outline này mà không ảnh hưởng đến kích thước hoặc vị trí của phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912806]' id='ays-answer-3670801-30581' value='3670801'/> <label for='ays-answer-3670801-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3670801-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912806]' id='ays-answer-3670802-30581' value='3670802'/> <label for='ays-answer-3670802-30581' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-3670802-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912806]' id='ays-answer-3670803-30581' value='3670803'/> <label for='ays-answer-3670803-30581' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3670803-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912806]' id='ays-answer-3670804-30581' value='3670804'/> <label for='ays-answer-3670804-30581' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-3670804-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912806'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgwMSI6IjAiLCIzNjcwODAyIjoiMCIsIjM2NzA4MDMiOiIxIiwiMzY3MDgwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `outline` và sự khác biệt của nó so với `border`. `outline` được hiển thị *bên ngoài* đường viền của phần tử và không ảnh hưởng đến bố cục, thường được trình duyệt sử dụng để chỉ trạng thái focus.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912807' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn muốn tạo hiệu ứng đổ bóng (shadow) cho các hộp nhập liệu (`<input>`) khi người dùng rê chuột qua chúng để làm chúng nổi bật hơn. Thuộc tính CSS nào được sử dụng để thêm hiệu ứng đổ bóng cho một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912807]' id='ays-answer-3670805-30581' value='3670805'/> <label for='ays-answer-3670805-30581' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-3670805-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912807]' id='ays-answer-3670806-30581' value='3670806'/> <label for='ays-answer-3670806-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-shadow</label><label for='ays-answer-3670806-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912807]' id='ays-answer-3670807-30581' value='3670807'/> <label for='ays-answer-3670807-30581' class=' ays_position_initial ays-quiz-keyboard-label'>outline-shadow</label><label for='ays-answer-3670807-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912807]' id='ays-answer-3670808-30581' value='3670808'/> <label for='ays-answer-3670808-30581' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-3670808-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912807'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgwNSI6IjAiLCIzNjcwODA2IjoiMCIsIjM2NzA4MDciOiIwIiwiMzY3MDgwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu sử dụng thuộc tính thêm hiệu ứng đổ bóng. `box-shadow` là thuộc tính CSS được dùng để thêm hiệu ứng đổ bóng cho các phần tử hình hộp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912808' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Để định kiểu chung cho tất cả các loại hộp nhập liệu (`<input>`) trong biểu mẫu, bạn có thể sử dụng bộ chọn thẻ đơn giản là `input`. Tuy nhiên, nếu bạn chỉ muốn định kiểu cho các hộp nhập liệu văn bản, mật khẩu và email, bạn nên sử dụng bộ chọn kết hợp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912808]' id='ays-answer-3670809-30581' value='3670809'/> <label for='ays-answer-3670809-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text' 'password' 'email']</label><label for='ays-answer-3670809-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912808]' id='ays-answer-3670810-30581' value='3670810'/> <label for='ays-answer-3670810-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'], input[type='email']</label><label for='ays-answer-3670810-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912808]' id='ays-answer-3670811-30581' value='3670811'/> <label for='ays-answer-3670811-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] input[type='password'] input[type='email']</label><label for='ays-answer-3670811-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912808]' id='ays-answer-3670812-30581' value='3670812'/> <label for='ays-answer-3670812-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] + input[type='password'] + input[type='email']</label><label for='ays-answer-3670812-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912808'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgwOSI6IjAiLCIzNjcwODEwIjoiMSIsIjM2NzA4MTEiOiIwIiwiMzY3MDgxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng sử dụng các bộ chọn nâng cao, cụ thể là kết hợp nhiều bộ chọn thuộc tính. Bộ chọn `input[type='text'], input[type='password'], input[type='email']` sử dụng dấu phẩy để nhóm các bộ chọn, áp dụng cùng một kiểu cho tất cả các loại input được liệt kê.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912809' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn đang định kiểu cho một khu vực văn bản đa dòng (`<textarea>`). Bạn muốn nó có kích thước cố định và không cho phép người dùng thay đổi kích thước bằng cách kéo góc. Thuộc tính CSS nào kiểm soát khả năng thay đổi kích thước của các phần tử như `<textarea>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912809]' id='ays-answer-3670813-30581' value='3670813'/> <label for='ays-answer-3670813-30581' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-3670813-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912809]' id='ays-answer-3670814-30581' value='3670814'/> <label for='ays-answer-3670814-30581' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-3670814-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912809]' id='ays-answer-3670815-30581' value='3670815'/> <label for='ays-answer-3670815-30581' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: none;</label><label for='ays-answer-3670815-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912809]' id='ays-answer-3670816-30581' value='3670816'/> <label for='ays-answer-3670816-30581' class=' ays_position_initial ays-quiz-keyboard-label'>size: fixed;</label><label for='ays-answer-3670816-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912809'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgxMyI6IjEiLCIzNjcwODE0IjoiMCIsIjM2NzA4MTUiOiIwIiwiMzY3MDgxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `resize` áp dụng cho các phần tử có thể thay đổi kích thước theo mặc định như `<textarea>`. Giá trị `none` sẽ vô hiệu hóa khả năng này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912810' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Trong một biểu mẫu, bạn có một nút gửi (`<input type='submit'>`) và một nút đặt lại (`<input type='reset'>`). Bạn muốn cả hai nút này có cùng kiểu dáng cơ bản (ví dụ: màu nền, màu chữ, padding). Bộ chọn CSS hiệu quả nhất để áp dụng cùng một bộ quy tắc kiểu cho cả hai loại nút này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912810]' id='ays-answer-3670817-30581' value='3670817'/> <label for='ays-answer-3670817-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit'][type='reset']</label><label for='ays-answer-3670817-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912810]' id='ays-answer-3670818-30581' value='3670818'/> <label for='ays-answer-3670818-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit'] input[type='reset']</label><label for='ays-answer-3670818-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912810]' id='ays-answer-3670819-30581' value='3670819'/> <label for='ays-answer-3670819-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit'], input[type='reset']</label><label for='ays-answer-3670819-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912810]' id='ays-answer-3670820-30581' value='3670820'/> <label for='ays-answer-3670820-30581' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit'] + input[type='reset']</label><label for='ays-answer-3670820-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912810'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgxNyI6IjAiLCIzNjcwODE4IjoiMCIsIjM2NzA4MTkiOiIxIiwiMzY3MDgyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng nhóm các bộ chọn để áp dụng cùng một kiểu. Bộ chọn `input[type='submit'], input[type='reset']` sử dụng dấu phẩy để nhóm hai bộ chọn thuộc tính khác nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912811' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn đang định kiểu cho một hộp chọn thả xuống (`<select>`). Bạn muốn thay đổi màu chữ của các tùy chọn (`<option>`) bên trong. Bạn có thể định kiểu trực tiếp cho thẻ `<select>`, nhưng việc định kiểu cho các `<option>` bên trong có những hạn chế nhất định về khả năng tương thích giữa các trình duyệt. Tuy nhiên, thuộc tính CSS cơ bản nào vẫn có thể được áp dụng cho cả `<select>` và `<option>` để thay đổi màu chữ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912811]' id='ays-answer-3670821-30581' value='3670821'/> <label for='ays-answer-3670821-30581' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3670821-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912811]' id='ays-answer-3670822-30581' value='3670822'/> <label for='ays-answer-3670822-30581' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3670822-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912811]' id='ays-answer-3670823-30581' value='3670823'/> <label for='ays-answer-3670823-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3670823-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912811]' id='ays-answer-3670824-30581' value='3670824'/> <label for='ays-answer-3670824-30581' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3670824-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912811'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgyMSI6IjEiLCIzNjcwODIyIjoiMCIsIjM2NzA4MjMiOiIwIiwiMzY3MDgyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về việc định kiểu cho các phần tử form phức tạp như `<select>` và `<option>`. Mặc dù việc định kiểu chi tiết cho `<option>` bị hạn chế, thuộc tính `color` (màu chữ) là một trong những thuộc tính cơ bản thường hoạt động.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912812' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Để căn chỉnh các phần tử trong biểu mẫu theo chiều dọc hoặc ngang một cách linh hoạt và hiện đại, đặc biệt khi bạn muốn kiểm soát khoảng cách và thứ tự các mục, mô hình bố cục CSS nào là lựa chọn phổ biến nhất hiện nay cho các container?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912812]' id='ays-answer-3670825-30581' value='3670825'/> <label for='ays-answer-3670825-30581' class=' ays_position_initial ays-quiz-keyboard-label'>float</label><label for='ays-answer-3670825-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912812]' id='ays-answer-3670826-30581' value='3670826'/> <label for='ays-answer-3670826-30581' class=' ays_position_initial ays-quiz-keyboard-label'>position</label><label for='ays-answer-3670826-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912812]' id='ays-answer-3670827-30581' value='3670827'/> <label for='ays-answer-3670827-30581' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-3670827-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912812]' id='ays-answer-3670828-30581' value='3670828'/> <label for='ays-answer-3670828-30581' class=' ays_position_initial ays-quiz-keyboard-label'>display: flex;</label><label for='ays-answer-3670828-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912812'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgyNSI6IjAiLCIzNjcwODI2IjoiMCIsIjM2NzA4MjciOiIwIiwiMzY3MDgyOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về các mô hình bố cục CSS hiện đại. Flexbox (`display: flex;`) là mô hình được thiết kế để căn chỉnh các mục trong một container theo một trục (ngang hoặc dọc) và phân phối không gian giữa chúng một cách linh hoạt, rất hữu ích cho bố cục form.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912813' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn có một form đơn giản với một vài cặp `<label>` và `<input>`. Bạn muốn mỗi cặp hiển thị trên một dòng riêng và các input có cùng chiều rộng. Bạn có thể bọc mỗi cặp trong một thẻ `</p> <div>` và áp dụng thuộc tính `display` nào cho các thẻ `</p> <div>` này để chúng tự động xuống dòng và chiếm toàn bộ chiều rộng khả dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912813'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi là một ứng dụng thực tế của thuộc tính `display`. Các phần tử `</p> <div>` mặc định là block-level, nhưng việc đặt rõ ràng `display: block;` củng cố hành vi này, đảm bảo mỗi `</p> <div>` (chứa một cặp label/input) chiếm một dòng riêng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912814' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn tạo một hiệu ứng chuyển động mượt mà (transition) khi một hộp nhập liệu thay đổi trạng thái từ bình thường sang focus (ví dụ: màu đường viền chuyển từ xám sang xanh trong 0.3 giây). Thuộc tính CSS nào được sử dụng để tạo hiệu ứng chuyển động mượt mà giữa các trạng thái CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912814]' id='ays-answer-3670829-30581' value='3670829'/> <label for='ays-answer-3670829-30581' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-3670829-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912814]' id='ays-answer-3670830-30581' value='3670830'/> <label for='ays-answer-3670830-30581' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-3670830-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912814]' id='ays-answer-3670831-30581' value='3670831'/> <label for='ays-answer-3670831-30581' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-3670831-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912814]' id='ays-answer-3670832-30581' value='3670832'/> <label for='ays-answer-3670832-30581' class=' ays_position_initial ays-quiz-keyboard-label'>filter</label><label for='ays-answer-3670832-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912814'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgyOSI6IjAiLCIzNjcwODMwIjoiMSIsIjM2NzA4MzEiOiIwIiwiMzY3MDgzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về hiệu ứng động cơ bản trong CSS. Thuộc tính `transition` cho phép tạo hiệu ứng chuyển đổi mượt mà cho các thuộc tính CSS khi chúng thay đổi giá trị (ví dụ: khi hover, focus, active...).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912815' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn đang định kiểu cho một nút bấm và muốn thay đổi màu nền của nó. Thuộc tính CSS nào chịu trách nhiệm thiết lập màu nền cho một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912815]' id='ays-answer-3670833-30581' value='3670833'/> <label for='ays-answer-3670833-30581' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3670833-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912815]' id='ays-answer-3670834-30581' value='3670834'/> <label for='ays-answer-3670834-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-3670834-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912815]' id='ays-answer-3670835-30581' value='3670835'/> <label for='ays-answer-3670835-30581' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3670835-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912815]' id='ays-answer-3670836-30581' value='3670836'/> <label for='ays-answer-3670836-30581' class=' ays_position_initial ays-quiz-keyboard-label'>fill</label><label for='ays-answer-3670836-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912815'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgzMyI6IjAiLCIzNjcwODM0IjoiMCIsIjM2NzA4MzUiOiIxIiwiMzY3MDgzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về thuộc tính màu nền. `background-color` là thuộc tính chuẩn để thiết lập màu nền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912816' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để định kiểu cho một hộp văn bản khi nó nhận được sự tập trung từ người dùng (focus), bạn sử dụng pseudo-class `:focus`. Khi áp dụng kiểu cho trạng thái này, bạn nên cẩn trọng với việc loại bỏ hoàn toàn `outline` mặc định của trình duyệt trừ khi bạn cung cấp một chỉ báo trực quan khác, vì điều này có thể ảnh hưởng đến:</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912816]' id='ays-answer-3670837-30581' value='3670837'/> <label for='ays-answer-3670837-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Tốc độ tải trang</label><label for='ays-answer-3670837-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912816]' id='ays-answer-3670838-30581' value='3670838'/> <label for='ays-answer-3670838-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Khả năng tương thích trên các thiết bị di động</label><label for='ays-answer-3670838-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912816]' id='ays-answer-3670839-30581' value='3670839'/> <label for='ays-answer-3670839-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Thứ tự các phần tử trong bố cục</label><label for='ays-answer-3670839-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912816]' id='ays-answer-3670840-30581' value='3670840'/> <label for='ays-answer-3670840-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Khả năng tiếp cận (Accessibility) cho người dùng sử dụng bàn phím</label><label for='ays-answer-3670840-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912816'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDgzNyI6IjAiLCIzNjcwODM4IjoiMCIsIjM2NzA4MzkiOiIwIiwiMzY3MDg0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về tầm quan trọng của `outline` mặc định. Outline đóng vai trò quan trọng trong khả năng tiếp cận (accessibility), giúp người dùng sử dụng bàn phím biết phần tử nào đang được focus.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912817' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn có một nhóm các hộp kiểm (`<input type='checkbox'>`). Bạn muốn thay đổi giao diện mặc định của chúng (ví dụ: thay đổi hình dạng hoặc màu sắc của dấu tích). Việc định kiểu trực tiếp cho input checkbox/radio bằng CSS thuần túy thường gặp khó khăn vì giao diện mặc định do trình duyệt kiểm soát. Một kỹ thuật phổ biến để tùy chỉnh hoàn toàn giao diện này là:</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912817]' id='ays-answer-3670841-30581' value='3670841'/> <label for='ays-answer-3670841-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Ẩn input mặc định và sử dụng thẻ `<label>` hoặc pseudo-elements (`::before`, `::after`) để tạo giao diện tùy chỉnh dựa trên trạng thái `:checked` của input ẩn.</label><label for='ays-answer-3670841-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912817]' id='ays-answer-3670842-30581' value='3670842'/> <label for='ays-answer-3670842-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `content` để chèn hình ảnh tùy chỉnh vào input.</label><label for='ays-answer-3670842-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912817]' id='ays-answer-3670843-30581' value='3670843'/> <label for='ays-answer-3670843-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi thuộc tính `type` của input thành một giá trị khác.</label><label for='ays-answer-3670843-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912817]' id='ays-answer-3670844-30581' value='3670844'/> <label for='ays-answer-3670844-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể thay đổi màu nền và đường viền cơ bản của input checkbox/radio mặc định.</label><label for='ays-answer-3670844-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912817'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg0MSI6IjEiLCIzNjcwODQyIjoiMCIsIjM2NzA4NDMiOiIwIiwiMzY3MDg0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về kỹ thuật tùy chỉnh giao diện checkbox/radio. Kỹ thuật phổ biến là ẩn input mặc định (`display: none;` hoặc `visibility: hidden;`) và sử dụng nhãn (`<label>`) hoặc các phần tử giả (`::before`, `::after`) được định kiểu để mô phỏng lại giao diện mong muốn, tận dụng trạng thái `:checked` của input ẩn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912818' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn định kiểu cho một phần tử `</p> <fieldset>` (dùng để nhóm các điều khiển form) và thẻ `</p> <legend>` (tiêu đề của fieldset). Thuộc tính CSS nào thường được sử dụng để thêm khoảng đệm xung quanh nội dung bên trong `</p> <fieldset>` để tách nó khỏi đường viền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912818]' id='ays-answer-3670845-30581' value='3670845'/> <label for='ays-answer-3670845-30581' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3670845-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912818]' id='ays-answer-3670846-30581' value='3670846'/> <label for='ays-answer-3670846-30581' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3670846-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912818]' id='ays-answer-3670847-30581' value='3670847'/> <label for='ays-answer-3670847-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3670847-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912818]' id='ays-answer-3670848-30581' value='3670848'/> <label for='ays-answer-3670848-30581' class=' ays_position_initial ays-quiz-keyboard-label'>gap</label><label for='ays-answer-3670848-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912818'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg0NSI6IjAiLCIzNjcwODQ2IjoiMSIsIjM2NzA4NDciOiIwIiwiMzY3MDg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về định kiểu cho các phần tử cấu trúc form. `padding` được sử dụng để tạo khoảng đệm bên trong một phần tử, rất hữu ích để tạo không gian giữa nội dung (các input) và đường viền của `</p> <fieldset>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912819' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn thay đổi con trỏ chuột khi người dùng rê chuột qua một nút bấm (`<button>`) để chỉ ra rằng nó có thể nhấp được. Giá trị phổ biến nào của thuộc tính `cursor` thường được sử dụng cho các phần tử có thể nhấp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912819]' id='ays-answer-3670849-30581' value='3670849'/> <label for='ays-answer-3670849-30581' class=' ays_position_initial ays-quiz-keyboard-label'>pointer</label><label for='ays-answer-3670849-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912819]' id='ays-answer-3670850-30581' value='3670850'/> <label for='ays-answer-3670850-30581' class=' ays_position_initial ays-quiz-keyboard-label'>text</label><label for='ays-answer-3670850-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912819]' id='ays-answer-3670851-30581' value='3670851'/> <label for='ays-answer-3670851-30581' class=' ays_position_initial ays-quiz-keyboard-label'>move</label><label for='ays-answer-3670851-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912819]' id='ays-answer-3670852-30581' value='3670852'/> <label for='ays-answer-3670852-30581' class=' ays_position_initial ays-quiz-keyboard-label'>default</label><label for='ays-answer-3670852-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912819'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg0OSI6IjEiLCIzNjcwODUwIjoiMCIsIjM2NzA4NTEiOiIwIiwiMzY3MDg1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `cursor`. Giá trị `pointer` thay đổi con trỏ chuột thành hình bàn tay với ngón trỏ, là chỉ báo trực quan phổ biến cho các liên kết hoặc nút có thể nhấp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912820' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để đảm bảo văn bản bên trong các hộp nhập liệu có cùng phông chữ và kích thước với phần còn lại của trang web, bạn có thể áp dụng các thuộc tính phông chữ (như `font-family`, `font-size`, `color`) cho bộ chọn nào để chúng kế thừa xuống các phần tử form?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912820]' id='ays-answer-3670853-30581' value='3670853'/> <label for='ays-answer-3670853-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần áp dụng cho từng input riêng lẻ.</label><label for='ays-answer-3670853-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912820]' id='ays-answer-3670854-30581' value='3670854'/> <label for='ays-answer-3670854-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cho pseudo-class `:text`.</label><label for='ays-answer-3670854-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912820]' id='ays-answer-3670855-30581' value='3670855'/> <label for='ays-answer-3670855-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `inherit-font: true;` trên các input.</label><label for='ays-answer-3670855-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912820]' id='ays-answer-3670856-30581' value='3670856'/> <label for='ays-answer-3670856-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cho phần tử `<body>` hoặc phần tử chứa biểu mẫu.</label><label for='ays-answer-3670856-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912820'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg1MyI6IjAiLCIzNjcwODU0IjoiMCIsIjM2NzA4NTUiOiIwIiwiMzY3MDg1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về tính kế thừa trong CSS. Các thuộc tính phông chữ thường được kế thừa từ phần tử cha. Áp dụng chúng cho thẻ `<body>` hoặc một container chung bao quanh form (`.form-container`) sẽ giúp các phần tử form bên trong kế thừa các kiểu này, tạo sự nhất quán.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912821' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn đang thiết kế một form phản hồi và muốn khu vực nhập văn bản lớn (`<textarea>`) có chiều cao tối thiểu là 150px để đảm bảo đủ không gian cho người dùng nhập liệu, ngay cả khi nội dung ban đầu ít. Thuộc tính CSS nào được sử dụng để thiết lập chiều cao tối thiểu của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912821]' id='ays-answer-3670857-30581' value='3670857'/> <label for='ays-answer-3670857-30581' class=' ays_position_initial ays-quiz-keyboard-label'>min-height</label><label for='ays-answer-3670857-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912821]' id='ays-answer-3670858-30581' value='3670858'/> <label for='ays-answer-3670858-30581' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-3670858-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912821]' id='ays-answer-3670859-30581' value='3670859'/> <label for='ays-answer-3670859-30581' class=' ays_position_initial ays-quiz-keyboard-label'>max-height</label><label for='ays-answer-3670859-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912821]' id='ays-answer-3670860-30581' value='3670860'/> <label for='ays-answer-3670860-30581' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-3670860-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912821'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg1NyI6IjEiLCIzNjcwODU4IjoiMCIsIjM2NzA4NTkiOiIwIiwiMzY3MDg2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính kích thước trong CSS. `min-height` thiết lập chiều cao tối thiểu cho một phần tử, cho phép nó mở rộng hơn nếu nội dung yêu cầu, nhưng không bao giờ nhỏ hơn giá trị đã đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912822' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn tạo một đường phân cách giữa các nhóm trường trong một biểu mẫu bằng cách sử dụng đường viền dưới cho phần tử chứa nhóm đó (`</p> <div>` hoặc `</p> <fieldset>`). Thuộc tính CSS nào được sử dụng để thiết lập chỉ riêng đường viền phía dưới của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912822]' id='ays-answer-3670861-30581' value='3670861'/> <label for='ays-answer-3670861-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3670861-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912822]' id='ays-answer-3670862-30581' value='3670862'/> <label for='ays-answer-3670862-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-top</label><label for='ays-answer-3670862-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912822]' id='ays-answer-3670863-30581' value='3670863'/> <label for='ays-answer-3670863-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom</label><label for='ays-answer-3670863-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912822]' id='ays-answer-3670864-30581' value='3670864'/> <label for='ays-answer-3670864-30581' class=' ays_position_initial ays-quiz-keyboard-label'>border-left</label><label for='ays-answer-3670864-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912822'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg2MSI6IjAiLCIzNjcwODYyIjoiMCIsIjM2NzA4NjMiOiIxIiwiMzY3MDg2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về định kiểu đường viền chi tiết. `border-bottom` cho phép thiết lập kiểu, độ dày và màu sắc chỉ cho đường viền phía dưới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912823' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có một nút bấm gửi (`<button type='submit'>`). Bạn muốn khi rê chuột qua nút, ngoài việc thay đổi màu nền, bạn còn muốn văn bản trên nút chuyển sang in hoa. Thuộc tính CSS nào được sử dụng để điều khiển cách hiển thị chữ hoa/thường của văn bản?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912823]' id='ays-answer-3670865-30581' value='3670865'/> <label for='ays-answer-3670865-30581' class=' ays_position_initial ays-quiz-keyboard-label'>font-variant</label><label for='ays-answer-3670865-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912823]' id='ays-answer-3670866-30581' value='3670866'/> <label for='ays-answer-3670866-30581' class=' ays_position_initial ays-quiz-keyboard-label'>text-transform</label><label for='ays-answer-3670866-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912823]' id='ays-answer-3670867-30581' value='3670867'/> <label for='ays-answer-3670867-30581' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-3670867-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912823]' id='ays-answer-3670868-30581' value='3670868'/> <label for='ays-answer-3670868-30581' class=' ays_position_initial ays-quiz-keyboard-label'>font-style</label><label for='ays-answer-3670868-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912823'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg2NSI6IjAiLCIzNjcwODY2IjoiMSIsIjM2NzA4NjciOiIwIiwiMzY3MDg2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính định dạng văn bản. `text-transform` được sử dụng để chuyển đổi văn bản thành chữ hoa (`uppercase`), chữ thường (`lowercase`), hoặc chữ cái đầu tiên của mỗi từ viết hoa (`capitalize`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='912824' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Khi định kiểu cho các phần tử form như `<input>`, `<select>`, `<textarea>`, trình duyệt thường áp dụng một số kiểu dáng mặc định. Để đảm bảo sự nhất quán về giao diện trên các trình duyệt khác nhau và có toàn quyền kiểm soát việc định kiểu, nhiều nhà phát triển web sử dụng các kỹ thuật 'reset' hoặc 'normalize' CSS. Mục đích chính của các kỹ thuật này khi áp dụng cho biểu mẫu là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912824]' id='ays-answer-3670869-30581' value='3670869'/> <label for='ays-answer-3670869-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ hoặc chuẩn hóa các kiểu dáng mặc định khác nhau của trình duyệt cho các phần tử form.</label><label for='ays-answer-3670869-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912824]' id='ays-answer-3670870-30581' value='3670870'/> <label for='ays-answer-3670870-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang cho biểu mẫu.</label><label for='ays-answer-3670870-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912824]' id='ays-answer-3670871-30581' value='3670871'/> <label for='ays-answer-3670871-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo hiệu ứng động cho các phần tử form.</label><label for='ays-answer-3670871-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-912824]' id='ays-answer-3670872-30581' value='3670872'/> <label for='ays-answer-3670872-30581' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc người dùng nhập liệu đúng định dạng.</label><label for='ays-answer-3670872-30581' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30581 === 'undefined'){ window.quizOptions_30581 = []; } window.quizOptions_30581['912824'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY3MDg2OSI6IjEiLCIzNjcwODcwIjoiMCIsIjM2NzA4NzEiOiIwIiwiMzY3MDg3MiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_30581" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_30581" style="display:none" data-id="30" data-quiz_id="30581"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_30581" maxlength="10" /> <input type="hidden" value="" id="kw-id_30581" /> <a id="submit_kw_hub_30581" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_30581" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_30581" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_30581"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_30581" id="kw_get_pass_30581" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_30581">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_30581" style="display:none"> <input type="hidden" value="30581" name="current_active_quiz_id" id="current_active_quiz_id_30581" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_30581'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về lý do sử dụng CSS reset/normalize cho form. Các kỹ thuật này giúp loại bỏ hoặc chuẩn hóa các kiểu dáng mặc định khác nhau của trình duyệt, tạo một điểm khởi đầu nhất quán để nhà phát triển dễ dàng áp dụng kiểu dáng tùy chỉnh mà không bị ảnh hưởng bởi sự khác biệt giữa các trình duyệt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-30581 * { box-sizing: border-box; } #ays-quiz-container-30581 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-30581 #ays_finish_quiz_30581 { } /* Styles for Quiz container */ #ays-quiz-container-30581{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-30581 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-30581 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-30581.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-30581.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-30581 #ays_finish_quiz_30581 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-30581.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container p, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-30581.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-30581 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-30581 .ays-quiz-password-message-box, #ays-quiz-container-30581 .ays-quiz-question-note-message-box, #ays-quiz-container-30581 .ays_quiz_question, #ays-quiz-container-30581 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-30581 textarea, #ays-quiz-container-30581 input::first-letter, #ays-quiz-container-30581 select::first-letter, #ays-quiz-container-30581 option::first-letter { color: initial !important; } #ays-quiz-container-30581 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-30581 .select2-container, #ays-quiz-container-30581 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-30581 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-30581 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-30581 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-30581 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-30581 .ays-questions-container .ays-field, div#ays-quiz-container-30581 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-30581 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-30581 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-30581 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-30581 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-30581 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-30581 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-30581 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-30581 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-30581 .information_form input[type='text'], #ays-quiz-container-30581 .information_form input[type='url'], #ays-quiz-container-30581 .information_form input[type='number'], #ays-quiz-container-30581 .information_form input[type='email'], #ays-quiz-container-30581 .information_form input[type='tel'], #ays-quiz-container-30581 .information_form textarea, #ays-quiz-container-30581 .information_form select, #ays-quiz-container-30581 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-30581 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-30581 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-30581 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-30581 .right_answer_text{ color:#33cc33; } #ays-quiz-container-30581 .right_answer_text p { font-size:16px; } #ays-quiz-container-30581 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-30581 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-30581 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30581 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30581 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30581 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30581 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30581 .ays_cb_and_a, #ays-quiz-container-30581 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-30581 iframe { /*min-height: 450px;*/ } #ays-quiz-container-30581 label.ays_for_checkbox, #ays-quiz-container-30581 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-30581 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-30581 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-30581 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-30581 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-30581 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-30581 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-30581 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-30581 div.lds-spinner, #ays-quiz-container-30581 div.lds-spinner2 { color: #000000; } #ays-quiz-container-30581 div.lds-spinner div:after, #ays-quiz-container-30581 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-30581 .lds-circle, #ays-quiz-container-30581 .lds-facebook div, #ays-quiz-container-30581 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-30581 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-30581 .lds-dual-ring::after, #ays-quiz-container-30581 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-30581 .ui.rating .icon, #ays-quiz-container-30581 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-30581 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-30581 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-30581 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-30581 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-30581 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-30581 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-30581 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-30581 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-30581 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-30581 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-30581 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-30581 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-30581 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-30581 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-30581 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-30581 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-30581 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-30581 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-30581 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-30581 div.ays-quiz-redirection-timer, #ays-quiz-container-30581 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-30581 div.ays-quiz-after-timer * , #ays-quiz-container-30581 div.ays-quiz-redirection-timer *, #ays-quiz-container-30581 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-30581 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-30581 input#ays-submit, #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button, #ays-quiz-container-30581 #ays_finish_quiz_30581 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-30581 #ays_finish_quiz_30581 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button.ays_restart_button, #ays-quiz-container-30581 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30581 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-30581 input#ays-submit, #ays-quiz-container-30581 #ays_finish_quiz_30581 input.action-button, #ays-quiz-container-30581 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30581 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30581 input#ays-submit:hover, #ays-quiz-container-30581 input#ays-submit:focus, #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button:hover, #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button:focus, #ays-quiz-container-30581 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-30581 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-30581 .ays_restart_button { color: #ffffff; } #ays-quiz-container-30581 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-30581 .ays_buttons_div { justify-content: center; } #ays-quiz-container-30581 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-30581 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-30581 input[type='button'], #ays-quiz-container-30581 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-30581 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-30581 input[type='button']:focus-visible, div#ays-quiz-container-30581 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_early_finish.action-button[disabled], #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-30581 #ays_finish_quiz_30581 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-30581 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-30581 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-30581 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-30581.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-30581 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-30581 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30581 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-30581 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-30581 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-30581 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-30581 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-30581 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-30581 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-30581 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-30581 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-30581 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-30581 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-30581 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-30581 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-30581 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30581 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-30581 .ays-field .select2-container--default, #ays-quiz-container-30581 .ays-field .select2-container--default .selection, #ays-quiz-container-30581 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-30581 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-30581 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-30581 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-30581 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-30581 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-30581 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-30581 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-30581 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-30581 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-30581 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-30581 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-30581 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-30581 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-30581 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-30581 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-30581 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-30581 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-30581 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30581 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30581 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-30581.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-30581.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-30581 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-30581 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-30581 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-30581 label[for^='ays-answer']:before, #ays-quiz-container-30581 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-30581 .ays_question_report { text-align: right; } div#ays-quiz-container-30581 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-30581 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-30581.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-30581.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-30581.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-30581.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-30581.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-30581.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-30581 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-30581.ays_quiz_classic_dark .correct_div, #ays-quiz-container-30581.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-30581.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-30581.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-30581.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-30581.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30581.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-30581.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30581 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-30581 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-30581 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-30581 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-30581 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-30581 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-30581 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-30581.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-30581.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-30581 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-30581 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-30581 .ays-quiz-personality-result-box div:before, #ays-quiz-container-30581 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-30581 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-30581 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-30581 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-30581 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-30581 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-30581 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-30581 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-30581 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-30581 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-30581 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-30581 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-30581 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-30581 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-30581{ max-width: 100%; } div#ays-quiz-container-30581 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-30581.ays_quiz_modern_light .step, div#ays-quiz-container-30581.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-30581.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-30581.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-30581.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-30581.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-30581 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-30581 .select2-container, div#ays-quiz-container-30581 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-30581 input#ays-submit, div#ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button, div#ays-quiz-container-30581 #ays_finish_quiz_30581 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button.ays_restart_button, #ays-quiz-container-30581 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30581 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-30581 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-30581 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-30581 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-30581 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-30581 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-30581 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30581 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-30581 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-30581 p { margin: 0.625em; } #ays-quiz-container-30581.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-30581.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-30581 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-30581.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-30581 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button:hover, #ays-quiz-container-30581 #ays_finish_quiz_30581 .action-button:focus, #ays-quiz-container-30581 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-30581 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['30581'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMDU4MSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI5MTI3OTUsOTEyNzk2LDkxMjc5Nyw5MTI3OTgsOTEyNzk5LDkxMjgwMCw5MTI4MDEsOTEyODAyLDkxMjgwMyw5MTI4MDQsOTEyODA1LDkxMjgwNiw5MTI4MDcsOTEyODA4LDkxMjgwOSw5MTI4MTAsOTEyODExLDkxMjgxMiw5MTI4MTMsOTEyODE0LDkxMjgxNSw5MTI4MTYsOTEyODE3LDkxMjgxOCw5MTI4MTksOTEyODIwLDkxMjgyMSw5MTI4MjIsOTEyODIzLDkxMjgyNCIsIm9yZGVyaW5nIjoiMzA1ODEiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='30581'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_30581' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-31519'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_31519' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 05</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='31519'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='940742,940743,940744,940745,940746,940747,940748,940749,940750,940751,940752,940753,940754,940755,940756,940757,940758,940759,940760,940761,940762,940763,940764,940765,940766,940767,940768,940769,940770,940771'> </div> </div><div class='step ' data-question-id='940742' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn muốn tạo một biểu mẫu web trong đó mỗi cặp nhãn (<label>) và hộp văn bản (<input type="text">) xuất hiện trên một dòng riêng biệt để dễ đọc. Thuộc tính CSS `display` nào bạn nên áp dụng cho các phần tử `<label>` hoặc `<input>` để đạt được bố cục này một cách hiệu quả nhất trong một cấu trúc HTML đơn giản?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940742]' id='ays-answer-3780277-31519' value='3780277'/> <label for='ays-answer-3780277-31519' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-3780277-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940742]' id='ays-answer-3780278-31519' value='3780278'/> <label for='ays-answer-3780278-31519' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-3780278-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940742]' id='ays-answer-3780279-31519' value='3780279'/> <label for='ays-answer-3780279-31519' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-3780279-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940742]' id='ays-answer-3780280-31519' value='3780280'/> <label for='ays-answer-3780280-31519' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-3780280-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940742'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI3NyI6IjAiLCIzNzgwMjc4IjoiMCIsIjM3ODAyNzkiOiIxIiwiMzc4MDI4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để mỗi phần tử chiếm toàn bộ chiều rộng khả dụng và bắt đầu trên một dòng mới, thuộc tính `display` cần được đặt là `block`. Áp dụng `display: block;` cho `<label>` hoặc `<input>` (hoặc cả hai, tùy cấu trúc HTML cụ thể) sẽ đẩy các phần tử tiếp theo xuống dòng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940743' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Khi thiết kế kiểu cho hộp văn bản (<input type="text">), bạn muốn thêm khoảng trống giữa nội dung văn bản nhập vào và đường viền của hộp. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng trống bên trong phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940743]' id='ays-answer-3780281-31519' value='3780281'/> <label for='ays-answer-3780281-31519' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3780281-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940743]' id='ays-answer-3780282-31519' value='3780282'/> <label for='ays-answer-3780282-31519' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3780282-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940743]' id='ays-answer-3780283-31519' value='3780283'/> <label for='ays-answer-3780283-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3780283-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940743]' id='ays-answer-3780284-31519' value='3780284'/> <label for='ays-answer-3780284-31519' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3780284-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940743'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI4MSI6IjAiLCIzNzgwMjgyIjoiMSIsIjM3ODAyODMiOiIwIiwiMzc4MDI4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `padding` được sử dụng để tạo khoảng trống giữa nội dung của một phần tử và đường viền của nó. Điều này giúp văn bản nhập vào không bị sát vào đường viền hộp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940744' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn đang định kiểu cho nút Gửi (<button type="submit">). Bạn muốn màu nền của nút thay đổi từ xanh sang đỏ khi con trỏ chuột di chuyển qua nó nhưng chưa nhấp chuột. Trạng thái giả (pseudo-class) nào của CSS cần được sử dụng để áp dụng kiểu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940744]' id='ays-answer-3780285-31519' value='3780285'/> <label for='ays-answer-3780285-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3780285-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940744]' id='ays-answer-3780286-31519' value='3780286'/> <label for='ays-answer-3780286-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3780286-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940744]' id='ays-answer-3780287-31519' value='3780287'/> <label for='ays-answer-3780287-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3780287-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940744]' id='ays-answer-3780288-31519' value='3780288'/> <label for='ays-answer-3780288-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3780288-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940744'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI4NSI6IjEiLCIzNzgwMjg2IjoiMCIsIjM3ODAyODciOiIwIiwiMzc4MDI4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trạng thái giả `:hover` được sử dụng để định kiểu cho một phần tử khi con trỏ chuột di chuyển qua nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940745' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Một hộp văn bản (<input type="text">) được định kiểu với `width: 200px; padding: 10px; border: 1px solid black;`. Mặc định, thuộc tính `box-sizing` có giá trị là `content-box`. Tổng chiều rộng thực tế của hộp văn bản này là bao nhiêu pixels?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940745]' id='ays-answer-3780289-31519' value='3780289'/> <label for='ays-answer-3780289-31519' class=' ays_position_initial ays-quiz-keyboard-label'>200px</label><label for='ays-answer-3780289-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940745]' id='ays-answer-3780290-31519' value='3780290'/> <label for='ays-answer-3780290-31519' class=' ays_position_initial ays-quiz-keyboard-label'>210px</label><label for='ays-answer-3780290-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940745]' id='ays-answer-3780291-31519' value='3780291'/> <label for='ays-answer-3780291-31519' class=' ays_position_initial ays-quiz-keyboard-label'>220px</label><label for='ays-answer-3780291-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940745]' id='ays-answer-3780292-31519' value='3780292'/> <label for='ays-answer-3780292-31519' class=' ays_position_initial ays-quiz-keyboard-label'>222px</label><label for='ays-answer-3780292-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940745'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI4OSI6IjAiLCIzNzgwMjkwIjoiMCIsIjM3ODAyOTEiOiIwIiwiMzc4MDI5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Với `box-sizing: content-box` (giá trị mặc định), `width` chỉ áp dụng cho vùng nội dung. Tổng chiều rộng thực tế sẽ là `width + padding-left + padding-right + border-left-width + border-right-width`. Tính toán: 200px + 10px + 10px + 1px + 1px = 222px.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940746' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Bạn muốn định kiểu đặc biệt cho nút tròn (<input type="radio">) chỉ khi nó đang được chọn. Trạng thái giả (pseudo-class) nào của CSS là phù hợp nhất để làm việc này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940746]' id='ays-answer-3780293-31519' value='3780293'/> <label for='ays-answer-3780293-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3780293-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940746]' id='ays-answer-3780294-31519' value='3780294'/> <label for='ays-answer-3780294-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3780294-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940746]' id='ays-answer-3780295-31519' value='3780295'/> <label for='ays-answer-3780295-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3780295-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940746]' id='ays-answer-3780296-31519' value='3780296'/> <label for='ays-answer-3780296-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-3780296-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940746'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI5MyI6IjAiLCIzNzgwMjk0IjoiMCIsIjM3ODAyOTUiOiIxIiwiMzc4MDI5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trạng thái giả `:checked` được sử dụng để định kiểu cho các phần tử biểu mẫu có thể được chọn/bỏ chọn như nút tròn (`radio`) và hộp kiểm (`checkbox`) khi chúng đang ở trạng thái được chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940747' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để làm nổi bật đường viền của hộp văn bản khi người dùng nhấp chuột vào nó (tức là khi nó nhận tiêu điểm nhập liệu), thuộc tính nào thường được sử dụng để thêm một đường viền 'phụ' bên ngoài đường viền chính mà không làm thay đổi kích thước hoặc bố cục của phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940747]' id='ays-answer-3780297-31519' value='3780297'/> <label for='ays-answer-3780297-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3780297-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940747]' id='ays-answer-3780298-31519' value='3780298'/> <label for='ays-answer-3780298-31519' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-3780298-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940747]' id='ays-answer-3780299-31519' value='3780299'/> <label for='ays-answer-3780299-31519' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3780299-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940747]' id='ays-answer-3780300-31519' value='3780300'/> <label for='ays-answer-3780300-31519' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3780300-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940747'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDI5NyI6IjAiLCIzNzgwMjk4IjoiMCIsIjM3ODAyOTkiOiIwIiwiMzc4MDMwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `outline` được sử dụng để vẽ một đường viền xung quanh một phần tử (thường là khi nó được focus) mà không chiếm không gian trong bố cục, khác với `border`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940748' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn có một nhóm các hộp kiểm (<input type="checkbox">) và muốn áp dụng kiểu cho chúng chỉ khi chúng CHƯA được chọn. Kết hợp selector và trạng thái giả nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940748]' id='ays-answer-3780301-31519' value='3780301'/> <label for='ays-answer-3780301-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:unchecked</label><label for='ays-answer-3780301-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940748]' id='ays-answer-3780302-31519' value='3780302'/> <label for='ays-answer-3780302-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:not(:checked)</label><label for='ays-answer-3780302-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940748]' id='ays-answer-3780303-31519' value='3780303'/> <label for='ays-answer-3780303-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:disabled</label><label for='ays-answer-3780303-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940748]' id='ays-answer-3780304-31519' value='3780304'/> <label for='ays-answer-3780304-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:active</label><label for='ays-answer-3780304-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940748'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMwMSI6IjAiLCIzNzgwMzAyIjoiMSIsIjM3ODAzMDMiOiIwIiwiMzc4MDMwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn các phần tử input có type là checkbox và KHÔNG ở trạng thái checked, ta sử dụng selector kết hợp: `input[type="checkbox"]:not(:checked)`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940749' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Khi định kiểu cho một nút nhấn (<button>), bạn muốn tạo hiệu ứng 'nhấn xuống' bằng cách thay đổi màu nền hoặc đường viền khi người dùng nhấp chuột VÀ GIỮ chuột trên nút đó. Trạng thái giả (pseudo-class) nào mô tả hành động này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940749]' id='ays-answer-3780305-31519' value='3780305'/> <label for='ays-answer-3780305-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-3780305-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940749]' id='ays-answer-3780306-31519' value='3780306'/> <label for='ays-answer-3780306-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-3780306-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940749]' id='ays-answer-3780307-31519' value='3780307'/> <label for='ays-answer-3780307-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-3780307-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940749]' id='ays-answer-3780308-31519' value='3780308'/> <label for='ays-answer-3780308-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-3780308-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940749'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMwNSI6IjAiLCIzNzgwMzA2IjoiMCIsIjM3ODAzMDciOiIwIiwiMzc4MDMwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trạng thái giả `:active` được sử dụng để định kiểu cho một phần tử (như nút nhấn) khi nó đang được kích hoạt bởi người dùng (ví dụ: nhấp và giữ chuột).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940750' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn muốn tất cả các phần tử `<input>`, `<select>`, và `<textarea>` trong biểu mẫu của mình có cùng chiều rộng là 250px và bao gồm cả padding, border vào tổng chiều rộng đó. Đoạn CSS nào sau đây thực hiện được yêu cầu này một cách hiệu quả?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940750]' id='ays-answer-3780309-31519' value='3780309'/> <label for='ays-answer-3780309-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input, select, textarea { width: 250px; box-sizing: border-box; }</label><label for='ays-answer-3780309-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940750]' id='ays-answer-3780310-31519' value='3780310'/> <label for='ays-answer-3780310-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input select textarea { width: 250px; box-sizing: border-box; }</label><label for='ays-answer-3780310-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940750]' id='ays-answer-3780311-31519' value='3780311'/> <label for='ays-answer-3780311-31519' class=' ays_position_initial ays-quiz-keyboard-label'>.form-elements { width: 250px; box-sizing: border-box; } (Nếu không có class .form-elements)</label><label for='ays-answer-3780311-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940750]' id='ays-answer-3780312-31519' value='3780312'/> <label for='ays-answer-3780312-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input, select, textarea { width: 250px; } (Thiếu box-sizing)</label><label for='ays-answer-3780312-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940750'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMwOSI6IjEiLCIzNzgwMzEwIjoiMCIsIjM3ODAzMTEiOiIwIiwiMzc4MDMxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng cùng kiểu cho nhiều phần tử, ta dùng danh sách các selector phân tách bởi dấu phẩy. Thuộc tính `box-sizing: border-box;` đảm bảo padding và border được tính vào tổng `width`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940751' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Xét đoạn CSS sau: `input[type="submit"] { background-color: blue; color: white; padding: 10px 15px; border: none; cursor: pointer; }`. Khi người dùng di chuột qua nút submit, con trỏ chuột sẽ hiển thị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940751]' id='ays-answer-3780313-31519' value='3780313'/> <label for='ays-answer-3780313-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Mũi tên mặc định</label><label for='ays-answer-3780313-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940751]' id='ays-answer-3780314-31519' value='3780314'/> <label for='ays-answer-3780314-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Bàn tay (pointer)</label><label for='ays-answer-3780314-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940751]' id='ays-answer-3780315-31519' value='3780315'/> <label for='ays-answer-3780315-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ thập (crosshair)</label><label for='ays-answer-3780315-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940751]' id='ays-answer-3780316-31519' value='3780316'/> <label for='ays-answer-3780316-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Con trỏ văn bản (text)</label><label for='ays-answer-3780316-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940751'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMxMyI6IjAiLCIzNzgwMzE0IjoiMSIsIjM3ODAzMTUiOiIwIiwiMzc4MDMxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `cursor: pointer;` được sử dụng để thay đổi hình dạng con trỏ chuột thành hình bàn tay (pointer) khi di chuyển qua phần tử đó, thường dùng cho các phần tử có thể tương tác như nút nhấn hoặc liên kết.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940752' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn các hộp văn bản trong biểu mẫu có đường viền tròn ở các góc thay vì vuông. Thuộc tính CSS nào được sử dụng để điều chỉnh độ cong của góc đường viền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940752]' id='ays-answer-3780317-31519' value='3780317'/> <label for='ays-answer-3780317-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-3780317-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940752]' id='ays-answer-3780318-31519' value='3780318'/> <label for='ays-answer-3780318-31519' class=' ays_position_initial ays-quiz-keyboard-label'>corner-style</label><label for='ays-answer-3780318-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940752]' id='ays-answer-3780319-31519' value='3780319'/> <label for='ays-answer-3780319-31519' class=' ays_position_initial ays-quiz-keyboard-label'>outline-radius</label><label for='ays-answer-3780319-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940752]' id='ays-answer-3780320-31519' value='3780320'/> <label for='ays-answer-3780320-31519' class=' ays_position_initial ays-quiz-keyboard-label'>box-shape</label><label for='ays-answer-3780320-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940752'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMxNyI6IjEiLCIzNzgwMzE4IjoiMCIsIjM3ODAzMTkiOiIwIiwiMzc4MDMyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `border-radius` được sử dụng để tạo các góc tròn cho đường viền của một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940753' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Trong một biểu mẫu phức tạp, bạn muốn nhóm các trường liên quan lại với nhau bằng cách đặt chúng trong một khung có tiêu đề. Phần tử HTML `</p> <fieldset>` và `</p> <legend>` thường được sử dụng cho mục đích này. Để định kiểu cho khung viền của `</p> <fieldset>`, bạn sẽ sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940753]' id='ays-answer-3780321-31519' value='3780321'/> <label for='ays-answer-3780321-31519' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-3780321-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940753]' id='ays-answer-3780322-31519' value='3780322'/> <label for='ays-answer-3780322-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-3780322-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940753]' id='ays-answer-3780323-31519' value='3780323'/> <label for='ays-answer-3780323-31519' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-3780323-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940753]' id='ays-answer-3780324-31519' value='3780324'/> <label for='ays-answer-3780324-31519' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3780324-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940753'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMyMSI6IjAiLCIzNzgwMzIyIjoiMSIsIjM3ODAzMjMiOiIwIiwiMzc4MDMyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <fieldset>` có đường viền mặc định. Để thay đổi kiểu, màu sắc, hoặc độ dày của đường viền này, bạn sử dụng thuộc tính `border` áp dụng trực tiếp cho selector `fieldset`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940754' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn muốn tạo khoảng cách 20px giữa các nhóm trường (`</p> <fieldset>`) trong biểu mẫu của mình. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng trống bên ngoài đường viền của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940754]' id='ays-answer-3780325-31519' value='3780325'/> <label for='ays-answer-3780325-31519' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-3780325-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940754]' id='ays-answer-3780326-31519' value='3780326'/> <label for='ays-answer-3780326-31519' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-3780326-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940754]' id='ays-answer-3780327-31519' value='3780327'/> <label for='ays-answer-3780327-31519' class=' ays_position_initial ays-quiz-keyboard-label'>space-outside</label><label for='ays-answer-3780327-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940754]' id='ays-answer-3780328-31519' value='3780328'/> <label for='ays-answer-3780328-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3780328-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940754'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMyNSI6IjEiLCIzNzgwMzI2IjoiMCIsIjM3ODAzMjciOiIwIiwiMzc4MDMyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `margin` được sử dụng để tạo khoảng trống bên ngoài đường viền của một phần tử, tạo khoảng cách giữa phần tử đó với các phần tử xung quanh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940755' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Xét đoạn CSS: `input[type="text"]:focus { border-color: green; box-shadow: 0 0 5px green; }`. Đoạn CSS này sẽ tạo hiệu ứng gì khi người dùng nhấp chuột vào một hộp văn bản?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940755]' id='ays-answer-3780329-31519' value='3780329'/> <label for='ays-answer-3780329-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền hộp văn bản chuyển sang xanh và có bóng đổ.</label><label for='ays-answer-3780329-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940755]' id='ays-answer-3780330-31519' value='3780330'/> <label for='ays-answer-3780330-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Văn bản nhập vào có màu xanh và hộp có bóng đổ.</label><label for='ays-answer-3780330-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940755]' id='ays-answer-3780331-31519' value='3780331'/> <label for='ays-answer-3780331-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền hộp văn bản chuyển sang xanh và có bóng đổ.</label><label for='ays-answer-3780331-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940755]' id='ays-answer-3780332-31519' value='3780332'/> <label for='ays-answer-3780332-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp văn bản được ẩn đi và có bóng đổ.</label><label for='ays-answer-3780332-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940755'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMyOSI6IjAiLCIzNzgwMzMwIjoiMCIsIjM3ODAzMzEiOiIxIiwiMzc4MDMzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Selector `input[type="text"]:focus` nhắm vào hộp văn bản khi nó nhận tiêu điểm. `border-color: green;` đổi màu đường viền thành xanh lá cây. `box-shadow: 0 0 5px green;` thêm một hiệu ứng bóng đổ màu xanh lá cây xung quanh hộp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940756' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn có một phần tử `<textarea>` trong biểu mẫu. Mặc định, nhiều trình duyệt cho phép người dùng kéo góc dưới bên phải để thay đổi kích thước của nó. Thuộc tính CSS nào được sử dụng để tắt khả năng thay đổi kích thước này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940756]' id='ays-answer-3780333-31519' value='3780333'/> <label for='ays-answer-3780333-31519' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-3780333-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940756]' id='ays-answer-3780334-31519' value='3780334'/> <label for='ays-answer-3780334-31519' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-3780334-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940756]' id='ays-answer-3780335-31519' value='3780335'/> <label for='ays-answer-3780335-31519' class=' ays_position_initial ays-quiz-keyboard-label'>size: fixed;</label><label for='ays-answer-3780335-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940756]' id='ays-answer-3780336-31519' value='3780336'/> <label for='ays-answer-3780336-31519' class=' ays_position_initial ays-quiz-keyboard-label'>dimension: static;</label><label for='ays-answer-3780336-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940756'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMzMyI6IjAiLCIzNzgwMzM0IjoiMSIsIjM3ODAzMzUiOiIwIiwiMzc4MDMzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `resize` với giá trị `none` ngăn chặn người dùng thay đổi kích thước của phần tử `<textarea>` (hoặc các phần tử khác có thể thay đổi kích thước).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940757' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Để đảm bảo rằng các phần tử `inline-block` (ví dụ: các nút radio hoặc checkbox được bọc trong `label` và set `display: inline-block`) trên cùng một dòng được căn chỉnh theo chiều dọc ở phía trên cùng của dòng, bạn nên sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940757]' id='ays-answer-3780337-31519' value='3780337'/> <label for='ays-answer-3780337-31519' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: top;</label><label for='ays-answer-3780337-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940757]' id='ays-answer-3780338-31519' value='3780338'/> <label for='ays-answer-3780338-31519' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: flex-start;</label><label for='ays-answer-3780338-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940757]' id='ays-answer-3780339-31519' value='3780339'/> <label for='ays-answer-3780339-31519' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: top;</label><label for='ays-answer-3780339-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940757]' id='ays-answer-3780340-31519' value='3780340'/> <label for='ays-answer-3780340-31519' class=' ays_position_initial ays-quiz-keyboard-label'>line-height: normal;</label><label for='ays-answer-3780340-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940757'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDMzNyI6IjEiLCIzNzgwMzM4IjoiMCIsIjM3ODAzMzkiOiIwIiwiMzc4MDM0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `vertical-align` được sử dụng để căn chỉnh các phần tử inline hoặc inline-block theo chiều dọc. Giá trị `top` sẽ căn chỉnh đỉnh của phần tử với đỉnh của dòng hiện tại.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940758' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tạo hiệu ứng chuyển động mượt mà khi các thuộc tính CSS của một phần tử biểu mẫu thay đổi (ví dụ: màu nền thay đổi khi hover). Thuộc tính CSS nào giúp thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940758]' id='ays-answer-3780341-31519' value='3780341'/> <label for='ays-answer-3780341-31519' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-3780341-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940758]' id='ays-answer-3780342-31519' value='3780342'/> <label for='ays-answer-3780342-31519' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-3780342-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940758]' id='ays-answer-3780343-31519' value='3780343'/> <label for='ays-answer-3780343-31519' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-3780343-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940758]' id='ays-answer-3780344-31519' value='3780344'/> <label for='ays-answer-3780344-31519' class=' ays_position_initial ays-quiz-keyboard-label'>effect</label><label for='ays-answer-3780344-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940758'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM0MSI6IjAiLCIzNzgwMzQyIjoiMCIsIjM3ODAzNDMiOiIxIiwiMzc4MDM0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `transition` được sử dụng để tạo hiệu ứng chuyển đổi mượt mà giữa các trạng thái CSS của một phần tử trong một khoảng thời gian nhất định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940759' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Giả sử bạn có một biểu mẫu và muốn đặt một hình nền mờ cho toàn bộ khu vực biểu mẫu (</p> <form>). Thuộc tính CSS nào được sử dụng để thiết lập hình nền cho phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940759]' id='ays-answer-3780345-31519' value='3780345'/> <label for='ays-answer-3780345-31519' class=' ays_position_initial ays-quiz-keyboard-label'>image</label><label for='ays-answer-3780345-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940759]' id='ays-answer-3780346-31519' value='3780346'/> <label for='ays-answer-3780346-31519' class=' ays_position_initial ays-quiz-keyboard-label'>src</label><label for='ays-answer-3780346-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940759]' id='ays-answer-3780347-31519' value='3780347'/> <label for='ays-answer-3780347-31519' class=' ays_position_initial ays-quiz-keyboard-label'>background-source</label><label for='ays-answer-3780347-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940759]' id='ays-answer-3780348-31519' value='3780348'/> <label for='ays-answer-3780348-31519' class=' ays_position_initial ays-quiz-keyboard-label'>background-image</label><label for='ays-answer-3780348-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940759'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM0NSI6IjAiLCIzNzgwMzQ2IjoiMCIsIjM3ODAzNDciOiIwIiwiMzc4MDM0OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `background-image` được sử dụng để đặt một hình ảnh làm nền cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940760' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Khi định kiểu cho một nút nhấn (<button>), bạn muốn văn bản trên nút có màu trắng. Thuộc tính CSS nào được sử dụng để thiết lập màu chữ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940760]' id='ays-answer-3780349-31519' value='3780349'/> <label for='ays-answer-3780349-31519' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3780349-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940760]' id='ays-answer-3780350-31519' value='3780350'/> <label for='ays-answer-3780350-31519' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-3780350-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940760]' id='ays-answer-3780351-31519' value='3780351'/> <label for='ays-answer-3780351-31519' class=' ays_position_initial ays-quiz-keyboard-label'>font-color</label><label for='ays-answer-3780351-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940760]' id='ays-answer-3780352-31519' value='3780352'/> <label for='ays-answer-3780352-31519' class=' ays_position_initial ays-quiz-keyboard-label'>foreground-color</label><label for='ays-answer-3780352-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940760'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM0OSI6IjEiLCIzNzgwMzUwIjoiMCIsIjM3ODAzNTEiOiIwIiwiMzc4MDM1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `color` được sử dụng để thiết lập màu sắc của văn bản bên trong một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940761' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn có một nhóm các nút radio và muốn chúng hiển thị trên cùng một dòng, nhưng có khoảng cách 10px giữa mỗi nút. Nếu bạn áp dụng `display: inline-block;` cho các phần tử chứa nút radio và nhãn, thuộc tính nào bạn nên sử dụng để tạo khoảng cách giữa chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940761]' id='ays-answer-3780353-31519' value='3780353'/> <label for='ays-answer-3780353-31519' class=' ays_position_initial ays-quiz-keyboard-label'>padding-right</label><label for='ays-answer-3780353-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940761]' id='ays-answer-3780354-31519' value='3780354'/> <label for='ays-answer-3780354-31519' class=' ays_position_initial ays-quiz-keyboard-label'>margin-right</label><label for='ays-answer-3780354-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940761]' id='ays-answer-3780355-31519' value='3780355'/> <label for='ays-answer-3780355-31519' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-3780355-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940761]' id='ays-answer-3780356-31519' value='3780356'/> <label for='ays-answer-3780356-31519' class=' ays_position_initial ays-quiz-keyboard-label'>space-between</label><label for='ays-answer-3780356-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940761'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM1MyI6IjAiLCIzNzgwMzU0IjoiMSIsIjM3ODAzNTUiOiIwIiwiMzc4MDM1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>`margin` được sử dụng để tạo khoảng trống bên ngoài đường viền của phần tử, tạo khoảng cách giữa các phần tử `inline-block` trên cùng một dòng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940762' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Xét đoạn HTML: `<label for="email">Email:</label><br /><input type="email" id="email">`. Để định kiểu cho nhãn 'Email:', bạn sẽ sử dụng selector CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940762]' id='ays-answer-3780357-31519' value='3780357'/> <label for='ays-answer-3780357-31519' class=' ays_position_initial ays-quiz-keyboard-label'>label</label><label for='ays-answer-3780357-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940762]' id='ays-answer-3780358-31519' value='3780358'/> <label for='ays-answer-3780358-31519' class=' ays_position_initial ays-quiz-keyboard-label'>#email-label (Nếu không có id đó)</label><label for='ays-answer-3780358-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940762]' id='ays-answer-3780359-31519' value='3780359'/> <label for='ays-answer-3780359-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="email"] + label</label><label for='ays-answer-3780359-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940762]' id='ays-answer-3780360-31519' value='3780360'/> <label for='ays-answer-3780360-31519' class=' ays_position_initial ays-quiz-keyboard-label'>.email-label (Nếu không có class đó)</label><label for='ays-answer-3780360-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940762'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM1NyI6IjEiLCIzNzgwMzU4IjoiMCIsIjM3ODAzNTkiOiIwIiwiMzc4MDM2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn tất cả các phần tử `<label>`, bạn chỉ cần sử dụng tên thẻ làm selector: `label`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940763' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn định kiểu cho hộp văn bản chỉ khi nó ở trạng thái bị vô hiệu hóa (không cho phép nhập liệu). Thuộc tính trạng thái giả (pseudo-class) nào được sử dụng cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940763]' id='ays-answer-3780361-31519' value='3780361'/> <label for='ays-answer-3780361-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-3780361-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940763]' id='ays-answer-3780362-31519' value='3780362'/> <label for='ays-answer-3780362-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:readonly</label><label for='ays-answer-3780362-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940763]' id='ays-answer-3780363-31519' value='3780363'/> <label for='ays-answer-3780363-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-3780363-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940763]' id='ays-answer-3780364-31519' value='3780364'/> <label for='ays-answer-3780364-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:locked</label><label for='ays-answer-3780364-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940763'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM2MSI6IjAiLCIzNzgwMzYyIjoiMCIsIjM3ODAzNjMiOiIxIiwiMzc4MDM2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trạng thái giả `:disabled` được sử dụng để định kiểu cho các phần tử biểu mẫu khi chúng bị vô hiệu hóa và không thể tương tác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940764' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Khi sử dụng `box-sizing: border-box;` cho một hộp văn bản có `width: 300px; padding: 20px; border: 2px solid black;`, chiều rộng *nội dung* thực tế của hộp văn bản là bao nhiêu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940764]' id='ays-answer-3780365-31519' value='3780365'/> <label for='ays-answer-3780365-31519' class=' ays_position_initial ays-quiz-keyboard-label'>300px</label><label for='ays-answer-3780365-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940764]' id='ays-answer-3780366-31519' value='3780366'/> <label for='ays-answer-3780366-31519' class=' ays_position_initial ays-quiz-keyboard-label'>260px</label><label for='ays-answer-3780366-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940764]' id='ays-answer-3780367-31519' value='3780367'/> <label for='ays-answer-3780367-31519' class=' ays_position_initial ays-quiz-keyboard-label'>296px</label><label for='ays-answer-3780367-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940764]' id='ays-answer-3780368-31519' value='3780368'/> <label for='ays-answer-3780368-31519' class=' ays_position_initial ays-quiz-keyboard-label'>256px</label><label for='ays-answer-3780368-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940764'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM2NSI6IjAiLCIzNzgwMzY2IjoiMCIsIjM3ODAzNjciOiIwIiwiMzc4MDM2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Với `box-sizing: border-box;`, `width` là tổng chiều rộng bao gồm padding và border. Chiều rộng nội dung sẽ là `width - padding-left - padding-right - border-left-width - border-right-width`. Tính toán: 300px - 20px - 20px - 2px - 2px = 256px.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940765' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn đặt màu nền nhẹ cho toàn bộ biểu mẫu (</p> <form>). Thuộc tính CSS nào sau đây là chính xác để làm điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940765]' id='ays-answer-3780369-31519' value='3780369'/> <label for='ays-answer-3780369-31519' class=' ays_position_initial ays-quiz-keyboard-label'>color-background: lightgray;</label><label for='ays-answer-3780369-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940765]' id='ays-answer-3780370-31519' value='3780370'/> <label for='ays-answer-3780370-31519' class=' ays_position_initial ays-quiz-keyboard-label'>background-color: lightgray;</label><label for='ays-answer-3780370-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940765]' id='ays-answer-3780371-31519' value='3780371'/> <label for='ays-answer-3780371-31519' class=' ays_position_initial ays-quiz-keyboard-label'>form-background: lightgray;</label><label for='ays-answer-3780371-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940765]' id='ays-answer-3780372-31519' value='3780372'/> <label for='ays-answer-3780372-31519' class=' ays_position_initial ays-quiz-keyboard-label'>bg-color: lightgray;</label><label for='ays-answer-3780372-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940765'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM2OSI6IjAiLCIzNzgwMzcwIjoiMSIsIjM3ODAzNzEiOiIwIiwiMzc4MDM3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `background-color` được sử dụng để thiết lập màu nền cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940766' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Để làm cho văn bản placeholder (văn bản gợi ý trong hộp input trước khi người dùng nhập) có màu xám nhạt, bạn cần sử dụng trạng thái giả hoặc pseudo-element nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940766]' id='ays-answer-3780373-31519' value='3780373'/> <label for='ays-answer-3780373-31519' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-3780373-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940766]' id='ays-answer-3780374-31519' value='3780374'/> <label for='ays-answer-3780374-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-3780374-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940766]' id='ays-answer-3780375-31519' value='3780375'/> <label for='ays-answer-3780375-31519' class=' ays_position_initial ays-quiz-keyboard-label'>::input-placeholder</label><label for='ays-answer-3780375-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940766]' id='ays-answer-3780376-31519' value='3780376'/> <label for='ays-answer-3780376-31519' class=' ays_position_initial ays-quiz-keyboard-label'>:input-placeholder</label><label for='ays-answer-3780376-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940766'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM3MyI6IjEiLCIzNzgwMzc0IjoiMCIsIjM3ODAzNzUiOiIwIiwiMzc4MDM3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-element `::placeholder` được sử dụng để định kiểu cho văn bản placeholder trong các phần tử input và textarea.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940767' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn ẩn hoàn toàn một phần tử input trong biểu mẫu (ví dụ: một trường ẩn). Thuộc tính CSS nào là cách phổ biến và hiệu quả nhất để làm điều này mà không chiếm không gian trong bố cục?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940767]' id='ays-answer-3780377-31519' value='3780377'/> <label for='ays-answer-3780377-31519' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-3780377-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940767]' id='ays-answer-3780378-31519' value='3780378'/> <label for='ays-answer-3780378-31519' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-3780378-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940767]' id='ays-answer-3780379-31519' value='3780379'/> <label for='ays-answer-3780379-31519' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-3780379-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940767]' id='ays-answer-3780380-31519' value='3780380'/> <label for='ays-answer-3780380-31519' class=' ays_position_initial ays-quiz-keyboard-label'>height: 0; width: 0;</label><label for='ays-answer-3780380-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940767'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM3NyI6IjAiLCIzNzgwMzc4IjoiMCIsIjM3ODAzNzkiOiIxIiwiMzc4MDM4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `display: none;` sẽ ẩn phần tử và loại bỏ nó khỏi luồng bố cục, khiến nó không chiếm bất kỳ không gian nào.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940768' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Xét đoạn CSS: `input[type="checkbox"] + label { margin-left: 5px; }`. Đoạn CSS này sẽ áp dụng kiểu gì và cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940768]' id='ays-answer-3780381-31519' value='3780381'/> <label for='ays-answer-3780381-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm khoảng trống 5px bên trái của hộp kiểm.</label><label for='ays-answer-3780381-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940768]' id='ays-answer-3780382-31519' value='3780382'/> <label for='ays-answer-3780382-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm khoảng trống 5px bên phải của hộp kiểm.</label><label for='ays-answer-3780382-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940768]' id='ays-answer-3780383-31519' value='3780383'/> <label for='ays-answer-3780383-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm khoảng trống 5px bên phải của nhãn.</label><label for='ays-answer-3780383-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940768]' id='ays-answer-3780384-31519' value='3780384'/> <label for='ays-answer-3780384-31519' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm khoảng trống 5px bên trái của nhãn đứng ngay sau hộp kiểm.</label><label for='ays-answer-3780384-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940768'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM4MSI6IjAiLCIzNzgwMzgyIjoiMCIsIjM3ODAzODMiOiIwIiwiMzc4MDM4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Selector `+` là bộ chọn anh em liền kề. `input[type="checkbox"] + label` chọn phần tử `<label>` đứng ngay sau một phần tử `<input type="checkbox">`. Kiểu `margin-left: 5px;` thêm khoảng trống 5px bên trái của nhãn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940769' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn thay đổi kiểu font chữ (ví dụ: thành Arial) và kích thước font (ví dụ: 16px) cho tất cả các hộp văn bản và vùng văn bản trong biểu mẫu. Đoạn CSS nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940769]' id='ays-answer-3780385-31519' value='3780385'/> <label for='ays-answer-3780385-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], textarea { font-family: Arial, sans-serif; font-size: 16px; }</label><label for='ays-answer-3780385-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940769]' id='ays-answer-3780386-31519' value='3780386'/> <label for='ays-answer-3780386-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea { font: 16px Arial; }</label><label for='ays-answer-3780386-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940769]' id='ays-answer-3780387-31519' value='3780387'/> <label for='ays-answer-3780387-31519' class=' ays_position_initial ays-quiz-keyboard-label'>text-input, textarea { font-family: Arial; font-size: 16px; }</label><label for='ays-answer-3780387-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940769]' id='ays-answer-3780388-31519' value='3780388'/> <label for='ays-answer-3780388-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] and textarea { font: 16px Arial; }</label><label for='ays-answer-3780388-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940769'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM4NSI6IjEiLCIzNzgwMzg2IjoiMCIsIjM3ODAzODciOiIwIiwiMzc4MDM4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng cùng kiểu font cho nhiều phần tử, ta dùng danh sách các selector phân tách bởi dấu phẩy (`input[type="text"], textarea`). Thuộc tính `font-family` đặt kiểu font và `font-size` đặt kích thước font.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940770' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Để đảm bảo rằng một phần tử (ví dụ: một nút nhấn) không bị ảnh hưởng bởi các phần tử float đứng trước nó và bắt đầu trên một dòng mới, bạn nên sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940770]' id='ays-answer-3780389-31519' value='3780389'/> <label for='ays-answer-3780389-31519' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-3780389-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940770]' id='ays-answer-3780390-31519' value='3780390'/> <label for='ays-answer-3780390-31519' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: auto;</label><label for='ays-answer-3780390-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940770]' id='ays-answer-3780391-31519' value='3780391'/> <label for='ays-answer-3780391-31519' class=' ays_position_initial ays-quiz-keyboard-label'>clear: both;</label><label for='ays-answer-3780391-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940770]' id='ays-answer-3780392-31519' value='3780392'/> <label for='ays-answer-3780392-31519' class=' ays_position_initial ays-quiz-keyboard-label'>position: relative;</label><label for='ays-answer-3780392-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940770'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM4OSI6IjAiLCIzNzgwMzkwIjoiMCIsIjM3ODAzOTEiOiIxIiwiMzc4MDM5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `clear` được sử dụng để chỉ định rằng một phần tử không thể nằm bên cạnh các phần tử float. `clear: both;` sẽ đảm bảo phần tử bắt đầu dưới bất kỳ phần tử float nào (ở cả hai bên).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='940771' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn muốn đặt một đường viền dưới màu xanh cho tất cả các phần tử `<input>` và `<select>` trong biểu mẫu. Đoạn CSS nào sau đây thực hiện được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940771]' id='ays-answer-3780393-31519' value='3780393'/> <label for='ays-answer-3780393-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input select { border-bottom: 1px solid blue; }</label><label for='ays-answer-3780393-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940771]' id='ays-answer-3780394-31519' value='3780394'/> <label for='ays-answer-3780394-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input, select { border-bottom: 1px solid blue; }</label><label for='ays-answer-3780394-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940771]' id='ays-answer-3780395-31519' value='3780395'/> <label for='ays-answer-3780395-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input, select { border-color-bottom: blue; }</label><label for='ays-answer-3780395-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-940771]' id='ays-answer-3780396-31519' value='3780396'/> <label for='ays-answer-3780396-31519' class=' ays_position_initial ays-quiz-keyboard-label'>input + select { border-bottom: 1px solid blue; }</label><label for='ays-answer-3780396-31519' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31519 === 'undefined'){ window.quizOptions_31519 = []; } window.quizOptions_31519['940771'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc4MDM5MyI6IjAiLCIzNzgwMzk0IjoiMSIsIjM3ODAzOTUiOiIwIiwiMzc4MDM5NiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_31519" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_31519" style="display:none" data-id="30" data-quiz_id="31519"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_31519" maxlength="10" /> <input type="hidden" value="" id="kw-id_31519" /> <a id="submit_kw_hub_31519" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_31519" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_31519" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_31519"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_31519" id="kw_get_pass_31519" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_31519">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_31519" style="display:none"> <input type="hidden" value="31519" name="current_active_quiz_id" id="current_active_quiz_id_31519" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_31519'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng đường viền dưới cho cả hai loại phần tử, ta dùng danh sách selector (`input, select`). Thuộc tính `border-bottom` được sử dụng để đặt kiểu, độ dày và màu sắc cho đường viền dưới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-31519 * { box-sizing: border-box; } #ays-quiz-container-31519 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-31519 #ays_finish_quiz_31519 { } /* Styles for Quiz container */ #ays-quiz-container-31519{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-31519 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-31519 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-31519.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-31519.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-31519 #ays_finish_quiz_31519 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-31519.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container p, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-31519.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-31519 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-31519 .ays-quiz-password-message-box, #ays-quiz-container-31519 .ays-quiz-question-note-message-box, #ays-quiz-container-31519 .ays_quiz_question, #ays-quiz-container-31519 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-31519 textarea, #ays-quiz-container-31519 input::first-letter, #ays-quiz-container-31519 select::first-letter, #ays-quiz-container-31519 option::first-letter { color: initial !important; } #ays-quiz-container-31519 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-31519 .select2-container, #ays-quiz-container-31519 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-31519 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-31519 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-31519 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-31519 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-31519 .ays-questions-container .ays-field, div#ays-quiz-container-31519 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-31519 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-31519 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-31519 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-31519 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-31519 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-31519 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-31519 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-31519 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-31519 .information_form input[type='text'], #ays-quiz-container-31519 .information_form input[type='url'], #ays-quiz-container-31519 .information_form input[type='number'], #ays-quiz-container-31519 .information_form input[type='email'], #ays-quiz-container-31519 .information_form input[type='tel'], #ays-quiz-container-31519 .information_form textarea, #ays-quiz-container-31519 .information_form select, #ays-quiz-container-31519 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-31519 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-31519 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-31519 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-31519 .right_answer_text{ color:#33cc33; } #ays-quiz-container-31519 .right_answer_text p { font-size:16px; } #ays-quiz-container-31519 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-31519 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-31519 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31519 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31519 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31519 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31519 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31519 .ays_cb_and_a, #ays-quiz-container-31519 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-31519 iframe { /*min-height: 450px;*/ } #ays-quiz-container-31519 label.ays_for_checkbox, #ays-quiz-container-31519 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-31519 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-31519 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-31519 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-31519 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-31519 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-31519 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-31519 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-31519 div.lds-spinner, #ays-quiz-container-31519 div.lds-spinner2 { color: #000000; } #ays-quiz-container-31519 div.lds-spinner div:after, #ays-quiz-container-31519 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-31519 .lds-circle, #ays-quiz-container-31519 .lds-facebook div, #ays-quiz-container-31519 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-31519 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-31519 .lds-dual-ring::after, #ays-quiz-container-31519 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-31519 .ui.rating .icon, #ays-quiz-container-31519 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-31519 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-31519 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-31519 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-31519 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-31519 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-31519 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-31519 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-31519 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-31519 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-31519 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-31519 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-31519 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-31519 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-31519 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-31519 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-31519 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-31519 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-31519 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-31519 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-31519 div.ays-quiz-redirection-timer, #ays-quiz-container-31519 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-31519 div.ays-quiz-after-timer * , #ays-quiz-container-31519 div.ays-quiz-redirection-timer *, #ays-quiz-container-31519 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-31519 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-31519 input#ays-submit, #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button, #ays-quiz-container-31519 #ays_finish_quiz_31519 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-31519 #ays_finish_quiz_31519 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button.ays_restart_button, #ays-quiz-container-31519 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31519 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-31519 input#ays-submit, #ays-quiz-container-31519 #ays_finish_quiz_31519 input.action-button, #ays-quiz-container-31519 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31519 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31519 input#ays-submit:hover, #ays-quiz-container-31519 input#ays-submit:focus, #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button:hover, #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button:focus, #ays-quiz-container-31519 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-31519 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-31519 .ays_restart_button { color: #ffffff; } #ays-quiz-container-31519 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-31519 .ays_buttons_div { justify-content: center; } #ays-quiz-container-31519 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-31519 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-31519 input[type='button'], #ays-quiz-container-31519 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-31519 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-31519 input[type='button']:focus-visible, div#ays-quiz-container-31519 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_early_finish.action-button[disabled], #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-31519 #ays_finish_quiz_31519 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-31519 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-31519 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-31519 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-31519.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-31519 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-31519 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31519 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-31519 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-31519 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-31519 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-31519 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-31519 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-31519 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-31519 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-31519 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-31519 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-31519 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-31519 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-31519 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-31519 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31519 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-31519 .ays-field .select2-container--default, #ays-quiz-container-31519 .ays-field .select2-container--default .selection, #ays-quiz-container-31519 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-31519 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-31519 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-31519 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-31519 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-31519 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-31519 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-31519 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-31519 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-31519 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-31519 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-31519 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-31519 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-31519 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-31519 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-31519 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-31519 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-31519 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-31519 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31519 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31519 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-31519.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-31519.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-31519 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-31519 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-31519 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-31519 label[for^='ays-answer']:before, #ays-quiz-container-31519 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-31519 .ays_question_report { text-align: right; } div#ays-quiz-container-31519 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-31519 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-31519.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-31519.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-31519.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-31519.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-31519.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-31519.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-31519 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-31519.ays_quiz_classic_dark .correct_div, #ays-quiz-container-31519.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-31519.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-31519.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-31519.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-31519.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31519.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-31519.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31519 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-31519 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-31519 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-31519 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-31519 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-31519 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-31519 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-31519.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-31519.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-31519 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-31519 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-31519 .ays-quiz-personality-result-box div:before, #ays-quiz-container-31519 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-31519 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-31519 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-31519 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-31519 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-31519 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-31519 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-31519 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-31519 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-31519 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-31519 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-31519 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-31519 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-31519 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-31519{ max-width: 100%; } div#ays-quiz-container-31519 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-31519.ays_quiz_modern_light .step, div#ays-quiz-container-31519.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-31519.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-31519.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-31519.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-31519.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-31519 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-31519 .select2-container, div#ays-quiz-container-31519 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-31519 input#ays-submit, div#ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button, div#ays-quiz-container-31519 #ays_finish_quiz_31519 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button.ays_restart_button, #ays-quiz-container-31519 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31519 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-31519 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-31519 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-31519 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-31519 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-31519 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-31519 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31519 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-31519 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-31519 p { margin: 0.625em; } #ays-quiz-container-31519.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-31519.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-31519 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-31519.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-31519 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button:hover, #ays-quiz-container-31519 #ays_finish_quiz_31519 .action-button:focus, #ays-quiz-container-31519 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-31519 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['31519'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMTUxOSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI5NDA3NDIsOTQwNzQzLDk0MDc0NCw5NDA3NDUsOTQwNzQ2LDk0MDc0Nyw5NDA3NDgsOTQwNzQ5LDk0MDc1MCw5NDA3NTEsOTQwNzUyLDk0MDc1Myw5NDA3NTQsOTQwNzU1LDk0MDc1Niw5NDA3NTcsOTQwNzU4LDk0MDc1OSw5NDA3NjAsOTQwNzYxLDk0MDc2Miw5NDA3NjMsOTQwNzY0LDk0MDc2NSw5NDA3NjYsOTQwNzY3LDk0MDc2OCw5NDA3NjksOTQwNzcwLDk0MDc3MSIsIm9yZGVyaW5nIjoiMzE1MTkiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='31519'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_31519' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-32457'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_32457' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 06</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='32457'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='968780,968781,968782,968783,968784,968785,968786,968787,968788,968789,968790,968791,968792,968793,968794,968795,968796,968797,968798,968799,968800,968801,968802,968803,968804,968805,968806,968807,968808,968809'> </div> </div><div class='step ' data-question-id='968780' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Khi thiết kế biểu mẫu trên web, để đảm bảo các hộp văn bản (`<input type="text">`) có cùng chiều rộng hiển thị bất kể bạn thêm `padding` hay `border` vào, thuộc tính CSS nào và giá trị nào là phù hợp nhất để sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968780'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng áp dụng thuộc tính `box-sizing` để kiểm soát mô hình hộp (box model) của phần tử. Giá trị `border-box` khiến cho `padding` và `border` được tính gộp vào tổng chiều rộng và chiều cao đã khai báo, đảm bảo kích thước hiển thị cố định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968781' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn các nhãn (`<label>`) trong biểu mẫu luôn nằm trên một dòng riêng và các hộp văn bản (`<input>`) tương ứng nằm ngay dưới nhãn đó. Cấu trúc HTML có thể sử dụng các cặp `<label>` và `<input>` được bao bởi các thẻ `</p> <div>`. Thuộc tính `display` nào cần được áp dụng cho các thẻ `</p> <div>` chứa mỗi cặp nhãn/input để đạt được bố cục này theo mặc định?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968781'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra hiểu biết về thuộc tính `display` và cách nó ảnh hưởng đến bố cục phần tử. Thẻ `</p> <div>` mặc định là phần tử cấp độ block (`display: block`), nghĩa là mỗi thẻ `</p> <div>` sẽ bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn, đẩy nội dung tiếp theo xuống dòng. Điều này phù hợp với yêu cầu mỗi cặp nhãn/input nằm trên dòng riêng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968782' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để làm nổi bật hộp văn bản (`<input type="text">`) khi người dùng nhấp chuột vào hoặc di chuyển đến bằng phím `Tab`, bạn nên sử dụng trạng thái giả (pseudo-class) nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968782'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra kiến thức về các trạng thái giả của phần tử biểu mẫu. Trạng thái `:focus` được kích hoạt khi phần tử nhận được sự tập trung (focus), thường là do người dùng nhấp vào hoặc dùng phím Tab để điều hướng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968783' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn muốn thay đổi màu nền của nút 'Gửi' (`<input type="submit">`) khi con trỏ chuột di chuyển qua nó. Bạn cần áp dụng thuộc tính `background-color` kết hợp với trạng thái giả nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968783'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc áp dụng trạng thái giả `:hover` cho phần tử tương tác. Trạng thái `:hover` được kích hoạt khi con trỏ chuột nằm trên phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968784' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Một biểu mẫu có các nút tròn (`<input type="radio">`). Bạn muốn thêm một đường viền màu xanh lá cây cho nút tròn *chỉ khi* nó đang được chọn. Trạng thái giả nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968784'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc sử dụng trạng thái giả `:checked`. Trạng thái này áp dụng cho các phần tử `<input type="checkbox">` và `<input type="radio">` khi chúng ở trạng thái được chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968785' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn có một nút nhấn (`<button>`). Bạn muốn nút này có hiệu ứng 'nhấp xuống' bằng cách thay đổi màu nền sẫm hơn một chút *trong khi* người dùng đang giữ chuột và nhấn vào nó. Trạng thái giả nào phù hợp với hành động 'nhấn và giữ'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968785'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này phân biệt giữa các trạng thái tương tác của nút nhấn. Trạng thái `:active` được kích hoạt ngay tại thời điểm phần tử đang được 'kích hoạt' bởi người dùng, ví dụ như khi giữ chuột trái trên nút.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968786' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Xét đoạn mã HTML sau: `<input type="text" id="username"> <input type="password" id="password"> <button>Đăng nhập</button>`. Viết bộ chọn CSS để chỉ định kiểu cho *tất cả* các phần tử `<input>` trong đoạn mã này.</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968786'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng viết bộ chọn CSS cơ bản theo tên thẻ. Bộ chọn `input` sẽ áp dụng kiểu cho tất cả các phần tử `<input>` trên trang.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968787' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn tạo một khoảng trống 10 pixels giữa nội dung bên trong hộp văn bản (`<input>`) và đường viền của nó. Thuộc tính CSS nào được sử dụng để kiểm soát khoảng trống này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968787'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra kiến thức về thuộc tính `padding`. `padding` tạo ra khoảng trống giữa nội dung của phần tử và đường viền của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968788' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để tạo khoảng trống 20 pixels *bên ngoài* hộp văn bản (`<input>`), đẩy các phần tử xung quanh ra xa nó, thuộc tính CSS nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968788'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra kiến thức về thuộc tính `margin`. `margin` tạo ra khoảng trống bên ngoài đường viền của phần tử, kiểm soát khoảng cách giữa phần tử đó và các phần tử khác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968789' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn tất cả các hộp kiểm (`<input type="checkbox">`) có cùng kích thước. Thuộc tính nào thường được sử dụng để thiết lập kích thước hiển thị của các phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968789'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc áp dụng thuộc tính kích thước cơ bản cho phần tử. Thuộc tính `width` và `height` được sử dụng để thiết lập kích thước của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968790' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Xét đoạn mã CSS sau: `input[type="text"]:focus { outline: 2px solid blue; }`. Đoạn mã này có tác dụng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968790'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này yêu cầu phân tích một đoạn mã CSS cụ thể. Bộ chọn `input[type="text"]:focus` nhắm đến các hộp văn bản khi chúng đang nhận focus. Thuộc tính `outline` tạo ra một đường viền xung quanh phần tử *bên ngoài* đường viền thông thường mà không ảnh hưởng đến bố cục.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968791' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn tạo một bộ chọn CSS để chỉ định kiểu cho *chỉ* nút 'Đặt lại' (`<input type="reset">`) trong biểu mẫu của bạn. Bộ chọn nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968791'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng sử dụng bộ chọn thuộc tính để nhắm mục tiêu vào các phần tử `<input>` dựa trên giá trị của thuộc tính `type`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968792' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Khi định kiểu cho các phần tử biểu mẫu như `<input>`, `<select>`, `<textarea>`, việc sử dụng `box-sizing: border-box;` thường được khuyến khích. Lợi ích chính của việc này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968792'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này yêu cầu phân tích lợi ích thực tế của việc sử dụng `box-sizing: border-box;`. Nó giúp dễ dàng tính toán kích thước cuối cùng của phần tử, vì `padding` và `border` không làm tăng kích thước tổng thể vượt quá `width` và `height` đã đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968793' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn có một nhóm các nút tròn (`<input type="radio">`) và bạn muốn thay đổi màu chữ của nhãn (`<label>`) liên kết với nút tròn *đang được chọn*. Giả sử cấu trúc HTML là `<input type="radio" id="idA"><label for="idA">Lựa chọn A</label>`. Bộ chọn CSS nào có thể được sử dụng để định kiểu cho `<label>` khi `<input>` được chọn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968793'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng sử dụng bộ chọn kết hợp (combinators). Bộ chọn dấu cộng (+) chọn phần tử đứng ngay sau phần tử được chỉ định. Ở đây, ta chọn `<label>` đứng ngay sau `<input type="radio">` đang ở trạng thái `:checked`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968794' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Để tạo một đường viền màu xám dày 1 pixel xung quanh tất cả các hộp văn bản và vùng văn bản (`<input type="text">`, `<textarea>`) trong biểu mẫu, bạn có thể sử dụng quy tắc CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968794'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc sử dụng thuộc tính `border` và nhóm các bộ chọn. Thuộc tính `border` là thuộc tính viết tắt cho `border-width`, `border-style`, và `border-color`. Bộ chọn `input[type="text"], textarea` nhắm đến cả hai loại phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968795' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn có một nút 'Đăng ký' (`<button>`). Bạn muốn nó có màu nền xanh lá cây và chữ màu trắng. Quy tắc CSS nào sau đây thực hiện điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968795'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc áp dụng các thuộc tính màu sắc cơ bản (`background-color` cho nền, `color` cho chữ) cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968796' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Để làm cho các phần tử biểu mẫu như `<input>`, `<select>`, `<textarea>` có cùng kiểu phông chữ với phần còn lại của trang web, bạn thường nên thiết lập thuộc tính `font-family` ở đâu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968796'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra hiểu biết về kế thừa thuộc tính trong CSS và cách các phần tử biểu mẫu có thể không kế thừa hoàn toàn kiểu phông chữ. Để đảm bảo tính nhất quán, bạn nên áp dụng rõ ràng thuộc tính `font-family` cho các phần tử biểu mẫu hoặc cho một bộ chọn chung bao gồm chúng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968797' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn có một hộp kiểm (`<input type="checkbox">`) và muốn thay đổi màu của nó khi nó *không* được chọn. Trạng thái giả nào cần được kết hợp với bộ chọn `:not()`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968797'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc sử dụng bộ chọn phủ định `:not()` kết hợp với trạng thái giả `:checked`. `:not(:checked)` chọn các phần tử không ở trạng thái checked.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968798' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để tạo một khoảng cách đều 15 pixels giữa tất cả các phần tử `<input>`, `<label>`, và `<button>` trong một biểu mẫu, bạn có thể áp dụng thuộc tính `margin` cho các phần tử này. Giá trị nào sẽ tạo ra khoảng cách 15px ở tất cả các phía?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968798'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra cách sử dụng thuộc tính viết tắt `margin`. Khi chỉ có một giá trị được cung cấp cho `margin`, nó sẽ áp dụng cho tất cả bốn phía (trên, phải, dưới, trái).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968799' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn đang định kiểu cho một biểu mẫu phức tạp. Bạn muốn tất cả các phần tử `<input>` trong một nhóm cụ thể được đánh dấu bằng class `contact-info` có đường viền màu đỏ khi chúng nhận focus. Bộ chọn CSS nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968799'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kết hợp bộ chọn lớp, bộ chọn phần tử và trạng thái giả. Bộ chọn `.contact-info input` nhắm đến các phần tử `<input>` nằm bên trong phần tử có class `contact-info`. Kết hợp với `:focus` sẽ nhắm đến trạng thái focus của các input đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968800' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Giả sử bạn có một `fieldset` chứa các tùy chọn radio button. Bạn muốn thêm một khoảng đệm (padding) 10px bên trong `fieldset` để tạo không gian giữa nội dung và đường viền của nó. Thuộc tính nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968800'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc áp dụng thuộc tính `padding` cho phần tử `fieldset`. `padding` tạo khoảng trống bên trong đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968801' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Khi định kiểu cho nút 'Hủy' (`<input type="button">`), bạn muốn nó hiển thị màu nền đỏ và chữ màu trắng khi bình thường, nhưng khi di chuột qua (`:hover`), màu nền chuyển sang đỏ sẫm hơn. Viết quy tắc CSS cho trạng thái `:hover`.</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968801'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này yêu cầu viết một quy tắc CSS cụ thể sử dụng bộ chọn thuộc tính và trạng thái giả `:hover` để thay đổi màu nền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968802' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn ẩn hoàn toàn một phần tử trong biểu mẫu (ví dụ: một trường nhập liệu tạm thời) mà không chiếm bất kỳ không gian nào trên bố cục. Thuộc tính `display` nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968802'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc sử dụng giá trị `none` cho thuộc tính `display`. `display: none` loại bỏ hoàn toàn phần tử khỏi bố cục và không hiển thị nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968803' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: So sánh thuộc tính `border` và `outline` khi được sử dụng để định kiểu cho trạng thái `:focus` của một hộp văn bản. Điểm khác biệt chính về ảnh hưởng đến bố cục là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968803'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này yêu cầu phân tích và so sánh hai thuộc tính CSS có vẻ tương tự nhưng có ảnh hưởng khác nhau đến bố cục. `border` là một phần của mô hình hộp và làm tăng kích thước phần tử (trừ khi dùng `box-sizing: border-box`), còn `outline` được vẽ bên ngoài đường viền và không ảnh hưởng đến kích thước hay vị trí của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968804' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn có một `<select>` (dropdown list) và muốn thay đổi màu chữ của các tùy chọn (`<option>`) bên trong nó. Bạn sẽ áp dụng quy tắc CSS cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968804'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng định kiểu các phần tử con trong biểu mẫu. Để định kiểu cho các tùy chọn trong danh sách thả xuống, bạn cần nhắm mục tiêu vào thẻ `<option>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968805' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để làm cho một vùng văn bản (`<textarea>`) không cho phép người dùng thay đổi kích thước bằng cách kéo góc, thuộc tính CSS nào cần được thiết lập?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968805'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra kiến thức về thuộc tính `resize` đặc trưng cho phần tử `<textarea>`. Giá trị `none` sẽ vô hiệu hóa khả năng thay đổi kích thước.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968806' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một bộ chọn CSS để áp dụng kiểu cho tất cả các phần tử `<input>` có thuộc tính `required` được thiết lập, bất kể loại (`type`) của chúng là gì. Bộ chọn nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968806'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra việc sử dụng bộ chọn thuộc tính đơn giản (chỉ kiểm tra sự tồn tại của thuộc tính). Bộ chọn `[required]` sẽ chọn bất kỳ phần tử nào có thuộc tính `required`. Kết hợp với `input` sẽ nhắm mục tiêu cụ thể hơn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968807' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Để thay đổi màu của biểu tượng tích (check mark) bên trong hộp kiểm tùy chỉnh hoặc biểu tượng tròn bên trong nút radio tùy chỉnh, bạn thường sẽ cần kỹ thuật CSS nâng cao hơn là chỉ định kiểu trực tiếp cho `<input>`. Kỹ thuật phổ biến liên quan đến việc định kiểu cho phần tử nào kết hợp với trạng thái `:checked` của input?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968807'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này đề cập đến một kỹ thuật định kiểu biểu mẫu nâng cao. Vì việc định kiểu trực tiếp các điều khiển gốc của trình duyệt (như biểu tượng tích/tròn) là khó khăn và không nhất quán, người ta thường ẩn input gốc và định kiểu cho phần tử `<label>` hoặc một phần tử giả (`::before`, `::after`) liên kết với input, sử dụng trạng thái `:checked` của input để kích hoạt kiểu cho phần tử được định kiểu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968808' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn tất cả các phần tử `<input>`, `<select>`, và `<textarea>` có cùng chiều rộng là 250 pixels và nằm trên các dòng riêng biệt. Ngoài việc đặt `width: 250px;`, thuộc tính `display` nào cần được áp dụng cho các phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968808'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra sự hiểu biết về thuộc tính `display` và cách nó ảnh hưởng đến khả năng thiết lập `width` và ngắt dòng. Mặc định, `<input>`, `<select>`, `<textarea>` là phần tử `inline-block` hoặc `inline`. Để chúng chiếm chiều rộng đã đặt và nằm trên dòng riêng, cần đặt `display: block;`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='968809' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Trong ngữ cảnh định kiểu biểu mẫu, tại sao việc cung cấp các tín hiệu trực quan (visual cues) cho các trạng thái của phần tử (như `:focus`, `:checked`, `:disabled`) lại quan trọng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32457 === 'undefined'){ window.quizOptions_32457 = []; } window.quizOptions_32457['968809'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_32457" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_32457" style="display:none" data-id="30" data-quiz_id="32457"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_32457" maxlength="10" /> <input type="hidden" value="" id="kw-id_32457" /> <a id="submit_kw_hub_32457" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_32457" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_32457" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_32457"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_32457" id="kw_get_pass_32457" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_32457">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_32457" style="display:none"> <input type="hidden" value="32457" name="current_active_quiz_id" id="current_active_quiz_id_32457" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_32457'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi này kiểm tra khả năng phân tích mục đích và tầm quan trọng của việc định kiểu các trạng thái biểu mẫu. Các tín hiệu trực quan giúp người dùng hiểu trạng thái hiện tại của phần tử, cải thiện khả năng sử dụng (usability) và đặc biệt quan trọng cho khả năng tiếp cận (accessibility), giúp người dùng điều hướng bằng bàn phím hoặc có các nhu cầu đặc biệt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-32457 * { box-sizing: border-box; } #ays-quiz-container-32457 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-32457 #ays_finish_quiz_32457 { } /* Styles for Quiz container */ #ays-quiz-container-32457{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-32457 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-32457 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-32457.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-32457.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-32457 #ays_finish_quiz_32457 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-32457.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container p, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-32457.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-32457 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-32457 .ays-quiz-password-message-box, #ays-quiz-container-32457 .ays-quiz-question-note-message-box, #ays-quiz-container-32457 .ays_quiz_question, #ays-quiz-container-32457 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-32457 textarea, #ays-quiz-container-32457 input::first-letter, #ays-quiz-container-32457 select::first-letter, #ays-quiz-container-32457 option::first-letter { color: initial !important; } #ays-quiz-container-32457 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-32457 .select2-container, #ays-quiz-container-32457 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-32457 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-32457 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-32457 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-32457 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-32457 .ays-questions-container .ays-field, div#ays-quiz-container-32457 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-32457 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-32457 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-32457 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-32457 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-32457 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-32457 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-32457 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-32457 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-32457 .information_form input[type='text'], #ays-quiz-container-32457 .information_form input[type='url'], #ays-quiz-container-32457 .information_form input[type='number'], #ays-quiz-container-32457 .information_form input[type='email'], #ays-quiz-container-32457 .information_form input[type='tel'], #ays-quiz-container-32457 .information_form textarea, #ays-quiz-container-32457 .information_form select, #ays-quiz-container-32457 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-32457 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-32457 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-32457 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-32457 .right_answer_text{ color:#33cc33; } #ays-quiz-container-32457 .right_answer_text p { font-size:16px; } #ays-quiz-container-32457 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-32457 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-32457 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32457 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32457 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32457 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32457 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32457 .ays_cb_and_a, #ays-quiz-container-32457 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-32457 iframe { /*min-height: 450px;*/ } #ays-quiz-container-32457 label.ays_for_checkbox, #ays-quiz-container-32457 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-32457 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-32457 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-32457 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-32457 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-32457 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-32457 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-32457 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-32457 div.lds-spinner, #ays-quiz-container-32457 div.lds-spinner2 { color: #000000; } #ays-quiz-container-32457 div.lds-spinner div:after, #ays-quiz-container-32457 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-32457 .lds-circle, #ays-quiz-container-32457 .lds-facebook div, #ays-quiz-container-32457 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-32457 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-32457 .lds-dual-ring::after, #ays-quiz-container-32457 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-32457 .ui.rating .icon, #ays-quiz-container-32457 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-32457 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-32457 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-32457 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-32457 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-32457 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-32457 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-32457 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-32457 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-32457 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-32457 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-32457 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-32457 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-32457 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-32457 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-32457 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-32457 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-32457 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-32457 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-32457 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-32457 div.ays-quiz-redirection-timer, #ays-quiz-container-32457 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-32457 div.ays-quiz-after-timer * , #ays-quiz-container-32457 div.ays-quiz-redirection-timer *, #ays-quiz-container-32457 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-32457 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-32457 input#ays-submit, #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button, #ays-quiz-container-32457 #ays_finish_quiz_32457 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-32457 #ays_finish_quiz_32457 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button.ays_restart_button, #ays-quiz-container-32457 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32457 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-32457 input#ays-submit, #ays-quiz-container-32457 #ays_finish_quiz_32457 input.action-button, #ays-quiz-container-32457 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32457 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32457 input#ays-submit:hover, #ays-quiz-container-32457 input#ays-submit:focus, #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button:hover, #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button:focus, #ays-quiz-container-32457 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-32457 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-32457 .ays_restart_button { color: #ffffff; } #ays-quiz-container-32457 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-32457 .ays_buttons_div { justify-content: center; } #ays-quiz-container-32457 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-32457 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-32457 input[type='button'], #ays-quiz-container-32457 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-32457 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-32457 input[type='button']:focus-visible, div#ays-quiz-container-32457 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_early_finish.action-button[disabled], #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-32457 #ays_finish_quiz_32457 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-32457 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-32457 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-32457 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-32457.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-32457 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-32457 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32457 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-32457 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-32457 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-32457 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-32457 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-32457 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-32457 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-32457 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-32457 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-32457 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-32457 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-32457 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-32457 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-32457 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32457 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-32457 .ays-field .select2-container--default, #ays-quiz-container-32457 .ays-field .select2-container--default .selection, #ays-quiz-container-32457 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-32457 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-32457 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-32457 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-32457 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-32457 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-32457 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-32457 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-32457 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-32457 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-32457 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-32457 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-32457 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-32457 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-32457 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-32457 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-32457 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-32457 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-32457 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32457 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32457 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-32457.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-32457.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-32457 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-32457 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-32457 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-32457 label[for^='ays-answer']:before, #ays-quiz-container-32457 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-32457 .ays_question_report { text-align: right; } div#ays-quiz-container-32457 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-32457 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-32457.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-32457.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-32457.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-32457.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-32457.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-32457.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-32457 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-32457.ays_quiz_classic_dark .correct_div, #ays-quiz-container-32457.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-32457.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-32457.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-32457.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-32457.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32457.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-32457.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32457 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-32457 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-32457 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-32457 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-32457 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-32457 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-32457 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-32457.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-32457.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-32457 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-32457 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-32457 .ays-quiz-personality-result-box div:before, #ays-quiz-container-32457 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-32457 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-32457 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-32457 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-32457 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-32457 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-32457 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-32457 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-32457 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-32457 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-32457 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-32457 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-32457 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-32457 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-32457{ max-width: 100%; } div#ays-quiz-container-32457 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-32457.ays_quiz_modern_light .step, div#ays-quiz-container-32457.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-32457.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-32457.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-32457.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-32457.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-32457 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-32457 .select2-container, div#ays-quiz-container-32457 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-32457 input#ays-submit, div#ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button, div#ays-quiz-container-32457 #ays_finish_quiz_32457 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button.ays_restart_button, #ays-quiz-container-32457 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32457 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-32457 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-32457 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-32457 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-32457 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-32457 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-32457 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32457 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-32457 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-32457 p { margin: 0.625em; } #ays-quiz-container-32457.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-32457.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-32457 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-32457.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-32457 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button:hover, #ays-quiz-container-32457 #ays_finish_quiz_32457 .action-button:focus, #ays-quiz-container-32457 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-32457 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['32457'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMjQ1NyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNiIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI5Njg3ODAsOTY4NzgxLDk2ODc4Miw5Njg3ODMsOTY4Nzg0LDk2ODc4NSw5Njg3ODYsOTY4Nzg3LDk2ODc4OCw5Njg3ODksOTY4NzkwLDk2ODc5MSw5Njg3OTIsOTY4NzkzLDk2ODc5NCw5Njg3OTUsOTY4Nzk2LDk2ODc5Nyw5Njg3OTgsOTY4Nzk5LDk2ODgwMCw5Njg4MDEsOTY4ODAyLDk2ODgwMyw5Njg4MDQsOTY4ODA1LDk2ODgwNiw5Njg4MDcsOTY4ODA4LDk2ODgwOSIsIm9yZGVyaW5nIjoiMzI0NTciLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='32457'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_32457' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-33395'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_33395' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 07</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='33395'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='996899,996900,996901,996902,996903,996904,996905,996906,996907,996908,996909,996910,996911,996912,996913,996914,996915,996916,996917,996918,996919,996920,996921,996922,996923,996924,996925,996926,996927,996928'> </div> </div><div class='step ' data-question-id='996899' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn muốn tất cả các hộp văn bản (input type='text') trong biểu mẫu của mình có chiều rộng là 250px, và vùng đệm (padding) 10px ở mỗi bên, đường viền (border) 1px solid #ccc. Để đảm bảo tổng chiều rộng của phần tử (bao gồm padding và border) không vượt quá 250px, bạn cần sử dụng thuộc tính CSS nào với giá trị thích hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996899]' id='ays-answer-4000501-33395' value='4000501'/> <label for='ays-answer-4000501-33395' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-4000501-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996899]' id='ays-answer-4000502-33395' value='4000502'/> <label for='ays-answer-4000502-33395' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px;</label><label for='ays-answer-4000502-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996899]' id='ays-answer-4000503-33395' value='4000503'/> <label for='ays-answer-4000503-33395' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: border-box;</label><label for='ays-answer-4000503-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996899]' id='ays-answer-4000504-33395' value='4000504'/> <label for='ays-answer-4000504-33395' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 0;</label><label for='ays-answer-4000504-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996899'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUwMSI6IjAiLCI0MDAwNTAyIjoiMCIsIjQwMDA1MDMiOiIxIiwiNDAwMDUwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996900' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Để làm nổi bật hộp văn bản (input field) khi người dùng nhấp chuột vào hoặc sử dụng phím Tab để chuyển đến, bạn thường sử dụng trạng thái giả (pseudo-class) nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996900]' id='ays-answer-4000505-33395' value='4000505'/> <label for='ays-answer-4000505-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4000505-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996900]' id='ays-answer-4000506-33395' value='4000506'/> <label for='ays-answer-4000506-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4000506-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996900]' id='ays-answer-4000507-33395' value='4000507'/> <label for='ays-answer-4000507-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4000507-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996900]' id='ays-answer-4000508-33395' value='4000508'/> <label for='ays-answer-4000508-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4000508-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996900'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUwNSI6IjAiLCI0MDAwNTA2IjoiMSIsIjQwMDA1MDciOiIwIiwiNDAwMDUwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996901' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn đang thiết kế một biểu mẫu đăng ký. Bạn muốn các nhãn (label) và các trường nhập liệu (input) của chúng xuất hiện trên các dòng riêng biệt, với trường nhập liệu nằm ngay dưới nhãn tương ứng và chiếm toàn bộ chiều rộng khả dụng của khu vực chứa nó. Bạn nên sử dụng giá trị nào cho thuộc tính `display` của cả `label` và `input`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996901]' id='ays-answer-4000509-33395' value='4000509'/> <label for='ays-answer-4000509-33395' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4000509-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996901]' id='ays-answer-4000510-33395' value='4000510'/> <label for='ays-answer-4000510-33395' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4000510-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996901]' id='ays-answer-4000511-33395' value='4000511'/> <label for='ays-answer-4000511-33395' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4000511-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996901]' id='ays-answer-4000512-33395' value='4000512'/> <label for='ays-answer-4000512-33395' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4000512-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996901'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUwOSI6IjEiLCI0MDAwNTEwIjoiMCIsIjQwMDA1MTEiOiIwIiwiNDAwMDUxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996902' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn có một nút gửi biểu mẫu (`<button type="submit">`). Bạn muốn màu nền của nút chuyển sang màu xanh đậm khi con trỏ chuột di chuyển qua nó, nhưng chưa nhấn. Trạng thái giả (pseudo-class) nào phù hợp cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996902]' id='ays-answer-4000513-33395' value='4000513'/> <label for='ays-answer-4000513-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4000513-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996902]' id='ays-answer-4000514-33395' value='4000514'/> <label for='ays-answer-4000514-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4000514-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996902]' id='ays-answer-4000515-33395' value='4000515'/> <label for='ays-answer-4000515-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4000515-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996902]' id='ays-answer-4000516-33395' value='4000516'/> <label for='ays-answer-4000516-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-4000516-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996902'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUxMyI6IjEiLCI0MDAwNTE0IjoiMCIsIjQwMDA1MTUiOiIwIiwiNDAwMDUxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996903' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Để định kiểu riêng cho các nút radio (`<input type="radio">`) và các hộp kiểm (`<input type="checkbox">`) trong biểu mẫu, bạn cần sử dụng bộ chọn (selector) kết hợp tên thẻ và thuộc tính như thế nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996903]' id='ays-answer-4000517-33395' value='4000517'/> <label for='ays-answer-4000517-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input.radio, input.checkbox</label><label for='ays-answer-4000517-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996903]' id='ays-answer-4000518-33395' value='4000518'/> <label for='ays-answer-4000518-33395' class=' ays_position_initial ays-quiz-keyboard-label'>#radio, #checkbox</label><label for='ays-answer-4000518-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996903]' id='ays-answer-4000519-33395' value='4000519'/> <label for='ays-answer-4000519-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:radio, input:checkbox</label><label for='ays-answer-4000519-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996903]' id='ays-answer-4000520-33395' value='4000520'/> <label for='ays-answer-4000520-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"], input[type="checkbox"]</label><label for='ays-answer-4000520-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996903'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUxNyI6IjAiLCI0MDAwNTE4IjoiMCIsIjQwMDA1MTkiOiIwIiwiNDAwMDUyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996904' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn muốn định kiểu cho các hộp kiểm (`<input type="checkbox">`) chỉ khi chúng *đã được chọn*. Trạng thái giả (pseudo-class) nào sẽ được sử dụng để nhắm mục tiêu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996904]' id='ays-answer-4000521-33395' value='4000521'/> <label for='ays-answer-4000521-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-4000521-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996904]' id='ays-answer-4000522-33395' value='4000522'/> <label for='ays-answer-4000522-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-4000522-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996904]' id='ays-answer-4000523-33395' value='4000523'/> <label for='ays-answer-4000523-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4000523-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996904]' id='ays-answer-4000524-33395' value='4000524'/> <label for='ays-answer-4000524-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:default</label><label for='ays-answer-4000524-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996904'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUyMSI6IjAiLCI0MDAwNTIyIjoiMCIsIjQwMDA1MjMiOiIxIiwiNDAwMDUyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996905' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Một biểu mẫu có các trường nhập liệu và một nút 'Gửi'. Bạn muốn tạo khoảng cách 15px giữa phần dưới của mỗi trường nhập liệu và phần trên của phần tử tiếp theo (ví dụ: giữa input và input, hoặc giữa input và button). Thuộc tính CSS nào là hiệu quả nhất cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996905]' id='ays-answer-4000525-33395' value='4000525'/> <label for='ays-answer-4000525-33395' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom</label><label for='ays-answer-4000525-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996905]' id='ays-answer-4000526-33395' value='4000526'/> <label for='ays-answer-4000526-33395' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom</label><label for='ays-answer-4000526-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996905]' id='ays-answer-4000527-33395' value='4000527'/> <label for='ays-answer-4000527-33395' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-4000527-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996905]' id='ays-answer-4000528-33395' value='4000528'/> <label for='ays-answer-4000528-33395' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom</label><label for='ays-answer-4000528-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996905'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUyNSI6IjAiLCI0MDAwNTI2IjoiMCIsIjQwMDA1MjciOiIwIiwiNDAwMDUyOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996906' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn thay đổi màu sắc của văn bản bên trong một trường nhập liệu (`<input type="text">`) khi người dùng đang gõ hoặc con trỏ đang ở trong trường đó. Bạn sẽ kết hợp bộ chọn nào với trạng thái giả `:focus` và thuộc tính `color`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996906]' id='ays-answer-4000529-33395' value='4000529'/> <label for='ays-answer-4000529-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { color: ...; }</label><label for='ays-answer-4000529-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996906]' id='ays-answer-4000530-33395' value='4000530'/> <label for='ays-answer-4000530-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"]:focus { color: ...; }</label><label for='ays-answer-4000530-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996906]' id='ays-answer-4000531-33395' value='4000531'/> <label for='ays-answer-4000531-33395' class=' ays_position_initial ays-quiz-keyboard-label'>.text-input:focus { color: ...; }</label><label for='ays-answer-4000531-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996906]' id='ays-answer-4000532-33395' value='4000532'/> <label for='ays-answer-4000532-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input > text:focus { color: ...; }</label><label for='ays-answer-4000532-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996906'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUyOSI6IjAiLCI0MDAwNTMwIjoiMSIsIjQwMDA1MzEiOiIwIiwiNDAwMDUzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996907' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn có một trường nhập liệu văn bản dài (`<textarea>`). Bạn muốn nó có một đường viền màu xám nhạt mặc định và một đường viền màu xanh đậm khi nó được focus. Phần CSS nào sau đây thực hiện đúng yêu cầu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996907]' id='ays-answer-4000533-33395' value='4000533'/> <label for='ays-answer-4000533-33395' class=' ays_position_initial ays-quiz-keyboard-label'>textarea { border-color: blue; } textarea:focus { border-color: gray; }</label><label for='ays-answer-4000533-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996907]' id='ays-answer-4000534-33395' value='4000534'/> <label for='ays-answer-4000534-33395' class=' ays_position_initial ays-quiz-keyboard-label'>textarea:focus { border: 1px solid gray; } textarea { border: 1px solid blue; }</label><label for='ays-answer-4000534-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996907]' id='ays-answer-4000535-33395' value='4000535'/> <label for='ays-answer-4000535-33395' class=' ays_position_initial ays-quiz-keyboard-label'>textarea { border: 1px solid gray; } textarea:focus { border-color: blue; }</label><label for='ays-answer-4000535-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996907]' id='ays-answer-4000536-33395' value='4000536'/> <label for='ays-answer-4000536-33395' class=' ays_position_initial ays-quiz-keyboard-label'>textarea:hover { border-color: blue; }</label><label for='ays-answer-4000536-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996907'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUzMyI6IjAiLCI0MDAwNTM0IjoiMCIsIjQwMDA1MzUiOiIxIiwiNDAwMDUzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996908' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Trong CSS, thuộc tính `outline` khác với thuộc tính `border` ở điểm nào khi áp dụng cho các phần tử biểu mẫu như input?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996908]' id='ays-answer-4000537-33395' value='4000537'/> <label for='ays-answer-4000537-33395' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` chỉ áp dụng cho phần tử được focus, còn `border` thì không.</label><label for='ays-answer-4000537-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996908]' id='ays-answer-4000538-33395' value='4000538'/> <label for='ays-answer-4000538-33395' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` có thể có màu gradient, còn `border` thì không.</label><label for='ays-answer-4000538-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996908]' id='ays-answer-4000539-33395' value='4000539'/> <label for='ays-answer-4000539-33395' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` luôn là hình chữ nhật, còn `border` có thể bo tròn góc.</label><label for='ays-answer-4000539-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996908]' id='ays-answer-4000540-33395' value='4000540'/> <label for='ays-answer-4000540-33395' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` không chiếm không gian trong bố cục trang, còn `border` thì có.</label><label for='ays-answer-4000540-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996908'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDUzNyI6IjAiLCI0MDAwNTM4IjoiMCIsIjQwMDA1MzkiOiIwIiwiNDAwMDU0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996909' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn tạo một nút 'Xóa' (`<button type="reset">`) có màu nền đỏ và chữ màu trắng. Đoạn CSS nào sau đây thực hiện điều này một cách chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996909]' id='ays-answer-4000541-33395' value='4000541'/> <label for='ays-answer-4000541-33395' class=' ays_position_initial ays-quiz-keyboard-label'>button[type="reset"] { background-color: red; color: white; }</label><label for='ays-answer-4000541-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996909]' id='ays-answer-4000542-33395' value='4000542'/> <label for='ays-answer-4000542-33395' class=' ays_position_initial ays-quiz-keyboard-label'>button:reset { background-color: red; color: white; }</label><label for='ays-answer-4000542-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996909]' id='ays-answer-4000543-33395' value='4000543'/> <label for='ays-answer-4000543-33395' class=' ays_position_initial ays-quiz-keyboard-label'>button.reset { background-color: red; color: white; }</label><label for='ays-answer-4000543-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996909]' id='ays-answer-4000544-33395' value='4000544'/> <label for='ays-answer-4000544-33395' class=' ays_position_initial ays-quiz-keyboard-label'>button > reset { background-color: red; color: white; }</label><label for='ays-answer-4000544-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996909'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU0MSI6IjEiLCI0MDAwNTQyIjoiMCIsIjQwMDA1NDMiOiIwIiwiNDAwMDU0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996910' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Giả sử bạn có một nhóm các nút radio (`<input type="radio">`). Bạn muốn khi một nút radio được chọn, nhãn (`<label>`) đi kèm với nó sẽ có màu chữ đậm hơn để dễ nhận biết. Cấu trúc HTML của bạn là `<label><input type="radio" name="group"> Lựa chọn</label>`. Bộ chọn CSS nào có thể giúp bạn thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996910]' id='ays-answer-4000545-33395' value='4000545'/> <label for='ays-answer-4000545-33395' class=' ays_position_initial ays-quiz-keyboard-label'>label:checked { font-weight: bold; }</label><label for='ays-answer-4000545-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996910]' id='ays-answer-4000546-33395' value='4000546'/> <label for='ays-answer-4000546-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked + label { font-weight: bold; }</label><label for='ays-answer-4000546-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996910]' id='ays-answer-4000547-33395' value='4000547'/> <label for='ays-answer-4000547-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"] + label:checked { font-weight: bold; }</label><label for='ays-answer-4000547-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996910]' id='ays-answer-4000548-33395' value='4000548'/> <label for='ays-answer-4000548-33395' class=' ays_position_initial ays-quiz-keyboard-label'>label input[type="radio"]:checked { font-weight: bold; }</label><label for='ays-answer-4000548-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996910'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU0NSI6IjAiLCI0MDAwNTQ2IjoiMSIsIjQwMDA1NDciOiIwIiwiNDAwMDU0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996911' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn có một trường nhập liệu (`<input>`) bị vô hiệu hóa (`disabled`). Bạn muốn nó có màu nền xám nhạt và con trỏ chuột hiển thị biểu tượng 'không được phép' (not-allowed) khi rê qua. Thuộc tính CSS nào sau đây cần được áp dụng cho trạng thái `:disabled`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996911]' id='ays-answer-4000549-33395' value='4000549'/> <label for='ays-answer-4000549-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:enabled { background-color: lightgray; cursor: pointer; }</label><label for='ays-answer-4000549-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996911]' id='ays-answer-4000550-33395' value='4000550'/> <label for='ays-answer-4000550-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { color: lightgray; cursor: grab; }</label><label for='ays-answer-4000550-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996911]' id='ays-answer-4000551-33395' value='4000551'/> <label for='ays-answer-4000551-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { background-color: lightgray; cursor: not-allowed; }</label><label for='ays-answer-4000551-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996911]' id='ays-answer-4000552-33395' value='4000552'/> <label for='ays-answer-4000552-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input:active { background-color: lightgray; cursor: wait; }</label><label for='ays-answer-4000552-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996911'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU0OSI6IjAiLCI0MDAwNTUwIjoiMCIsIjQwMDA1NTEiOiIxIiwiNDAwMDU1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996912' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Để căn chỉnh các trường nhập liệu (`<input>`) và nhãn (`<label>`) trong một biểu mẫu sao cho chúng thẳng hàng theo chiều dọc và có khoảng cách đều nhau, kỹ thuật bố cục (layout) nào sau đây thường được sử dụng hiệu quả trong CSS hiện đại?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996912]' id='ays-answer-4000553-33395' value='4000553'/> <label for='ays-answer-4000553-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `float`.</label><label for='ays-answer-4000553-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996912]' id='ays-answer-4000554-33395' value='4000554'/> <label for='ays-answer-4000554-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `position: absolute`.</label><label for='ays-answer-4000554-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996912]' id='ays-answer-4000555-33395' value='4000555'/> <label for='ays-answer-4000555-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `display: inline`.</label><label for='ays-answer-4000555-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996912]' id='ays-answer-4000556-33395' value='4000556'/> <label for='ays-answer-4000556-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `display: flex` hoặc `display: grid` cho phần tử cha.</label><label for='ays-answer-4000556-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996912'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU1MyI6IjAiLCI0MDAwNTU0IjoiMCIsIjQwMDA1NTUiOiIwIiwiNDAwMDU1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996913' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn thêm một biểu tượng nhỏ hoặc văn bản gợi ý (placeholder text) vào bên trong trường nhập liệu (`<input type="text">`). Mặc dù nội dung placeholder được thêm trong HTML (`<input placeholder="Nhập tên...">`), bạn có thể định kiểu cho văn bản placeholder này bằng cách sử dụng trạng thái giả hoặc bộ chọn đặc biệt nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996913]' id='ays-answer-4000557-33395' value='4000557'/> <label for='ays-answer-4000557-33395' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-4000557-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996913]' id='ays-answer-4000558-33395' value='4000558'/> <label for='ays-answer-4000558-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-4000558-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996913]' id='ays-answer-4000559-33395' value='4000559'/> <label for='ays-answer-4000559-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[placeholder]</label><label for='ays-answer-4000559-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996913]' id='ays-answer-4000560-33395' value='4000560'/> <label for='ays-answer-4000560-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input::before</label><label for='ays-answer-4000560-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996913'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU1NyI6IjEiLCI0MDAwNTU4IjoiMCIsIjQwMDA1NTkiOiIwIiwiNDAwMDU2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996914' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn có một nút gửi biểu mẫu. Bạn muốn khi người dùng nhấn và giữ chuột trên nút đó (trước khi thả ra), màu nền của nút sẽ chuyển sang màu xanh lá cây nhạt. Trạng thái giả (pseudo-class) nào phù hợp với hành động 'nhấn và giữ' này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996914]' id='ays-answer-4000561-33395' value='4000561'/> <label for='ays-answer-4000561-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4000561-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996914]' id='ays-answer-4000562-33395' value='4000562'/> <label for='ays-answer-4000562-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4000562-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996914]' id='ays-answer-4000563-33395' value='4000563'/> <label for='ays-answer-4000563-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4000563-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996914]' id='ays-answer-4000564-33395' value='4000564'/> <label for='ays-answer-4000564-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4000564-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996914'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU2MSI6IjAiLCI0MDAwNTYyIjoiMCIsIjQwMDA1NjMiOiIwIiwiNDAwMDU2NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996915' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tất cả các phần tử `<select>` (dropdown lists) và `<textarea>` (text areas) trong biểu mẫu của mình có cùng kiểu đường viền: 1px solid #ccc. Đoạn CSS nào sau đây thực hiện điều này hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996915]' id='ays-answer-4000565-33395' value='4000565'/> <label for='ays-answer-4000565-33395' class=' ays_position_initial ays-quiz-keyboard-label'>select textarea { border: 1px solid #ccc; }</label><label for='ays-answer-4000565-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996915]' id='ays-answer-4000566-33395' value='4000566'/> <label for='ays-answer-4000566-33395' class=' ays_position_initial ays-quiz-keyboard-label'>select, textarea { border-style: solid; border-width: 1px; border-color: #ccc; }</label><label for='ays-answer-4000566-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996915]' id='ays-answer-4000567-33395' value='4000567'/> <label for='ays-answer-4000567-33395' class=' ays_position_initial ays-quiz-keyboard-label'>select, textarea { border: 1px solid #ccc; }</label><label for='ays-answer-4000567-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996915]' id='ays-answer-4000568-33395' value='4000568'/> <label for='ays-answer-4000568-33395' class=' ays_position_initial ays-quiz-keyboard-label'>select + textarea { border: 1px solid #ccc; }</label><label for='ays-answer-4000568-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996915'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU2NSI6IjAiLCI0MDAwNTY2IjoiMCIsIjQwMDA1NjciOiIxIiwiNDAwMDU2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996916' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn đang định kiểu một trường nhập liệu mật khẩu (`<input type="password">`). Bạn muốn văn bản mật khẩu bên trong có kích thước lớn hơn một chút so với văn bản thông thường. Thuộc tính CSS nào điều khiển kích thước của văn bản bên trong phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996916]' id='ays-answer-4000569-33395' value='4000569'/> <label for='ays-answer-4000569-33395' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-4000569-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996916]' id='ays-answer-4000570-33395' value='4000570'/> <label for='ays-answer-4000570-33395' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-4000570-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996916]' id='ays-answer-4000571-33395' value='4000571'/> <label for='ays-answer-4000571-33395' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-4000571-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996916]' id='ays-answer-4000572-33395' value='4000572'/> <label for='ays-answer-4000572-33395' class=' ays_position_initial ays-quiz-keyboard-label'>width</label><label for='ays-answer-4000572-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996916'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU2OSI6IjEiLCI0MDAwNTcwIjoiMCIsIjQwMDA1NzEiOiIwIiwiNDAwMDU3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996917' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để loại bỏ hoàn toàn đường viền mặc định (outline) xuất hiện khi một phần tử biểu mẫu (như input, button) được focus, bạn nên sử dụng quy tắc CSS nào cho trạng thái `:focus` của phần tử đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996917]' id='ays-answer-4000573-33395' value='4000573'/> <label for='ays-answer-4000573-33395' class=' ays_position_initial ays-quiz-keyboard-label'>border: none;</label><label for='ays-answer-4000573-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996917]' id='ays-answer-4000574-33395' value='4000574'/> <label for='ays-answer-4000574-33395' class=' ays_position_initial ays-quiz-keyboard-label'>outline: none;</label><label for='ays-answer-4000574-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996917]' id='ays-answer-4000575-33395' value='4000575'/> <label for='ays-answer-4000575-33395' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow: none;</label><label for='ays-answer-4000575-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996917]' id='ays-answer-4000576-33395' value='4000576'/> <label for='ays-answer-4000576-33395' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-4000576-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996917'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU3MyI6IjAiLCI0MDAwNTc0IjoiMSIsIjQwMDA1NzUiOiIwIiwiNDAwMDU3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996918' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn tạo một biểu mẫu có các trường nhập liệu được căn giữa theo chiều ngang trong khu vực chứa chúng. Giả sử các trường nhập liệu có `display: block` và một `width` cố định nhỏ hơn chiều rộng của phần tử cha. Thuộc tính nào sau đây, khi áp dụng cho các trường nhập liệu, sẽ giúp căn giữa chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996918]' id='ays-answer-4000577-33395' value='4000577'/> <label for='ays-answer-4000577-33395' class=' ays_position_initial ays-quiz-keyboard-label'>margin: auto;</label><label for='ays-answer-4000577-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996918]' id='ays-answer-4000578-33395' value='4000578'/> <label for='ays-answer-4000578-33395' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-4000578-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996918]' id='ays-answer-4000579-33395' value='4000579'/> <label for='ays-answer-4000579-33395' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-4000579-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996918]' id='ays-answer-4000580-33395' value='4000580'/> <label for='ays-answer-4000580-33395' class=' ays_position_initial ays-quiz-keyboard-label'>float: center;</label><label for='ays-answer-4000580-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996918'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU3NyI6IjEiLCI0MDAwNTc4IjoiMCIsIjQwMDA1NzkiOiIwIiwiNDAwMDU4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996919' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn có một trường nhập liệu file (`<input type="file">`). Bạn muốn thay đổi màu nền của nó. Tuy nhiên, kiểu dáng mặc định của input type="file" rất khó để tùy chỉnh sâu bằng CSS. Điều này là do đâu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996919]' id='ays-answer-4000581-33395' value='4000581'/> <label for='ays-answer-4000581-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `background-color` không áp dụng cho input type="file".</label><label for='ays-answer-4000581-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996919]' id='ays-answer-4000582-33395' value='4000582'/> <label for='ays-answer-4000582-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input type="file" luôn có màu nền trắng.</label><label for='ays-answer-4000582-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996919]' id='ays-answer-4000583-33395' value='4000583'/> <label for='ays-answer-4000583-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểu dáng của input type="file" được kiểm soát chặt chẽ bởi hệ điều hành và trình duyệt vì lý do bảo mật.</label><label for='ays-answer-4000583-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996919]' id='ays-answer-4000584-33395' value='4000584'/> <label for='ays-answer-4000584-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể thay đổi màu chữ của input type="file", không thay đổi được màu nền.</label><label for='ays-answer-4000584-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996919'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU4MSI6IjAiLCI0MDAwNTgyIjoiMCIsIjQwMDA1ODMiOiIxIiwiNDAwMDU4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996920' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Trong một biểu mẫu, bạn muốn thêm khoảng trống bên trong các trường nhập liệu, giữa văn bản người dùng nhập và đường viền của trường. Thuộc tính nào sau đây được sử dụng để tạo khoảng trống bên trong phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996920]' id='ays-answer-4000585-33395' value='4000585'/> <label for='ays-answer-4000585-33395' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4000585-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996920]' id='ays-answer-4000586-33395' value='4000586'/> <label for='ays-answer-4000586-33395' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4000586-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996920]' id='ays-answer-4000587-33395' value='4000587'/> <label for='ays-answer-4000587-33395' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-4000587-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996920]' id='ays-answer-4000588-33395' value='4000588'/> <label for='ays-answer-4000588-33395' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4000588-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996920'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU4NSI6IjAiLCI0MDAwNTg2IjoiMCIsIjQwMDA1ODciOiIwIiwiNDAwMDU4OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996921' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn tất cả các phần tử `<button>` trong biểu mẫu của mình có con trỏ chuột hiển thị hình bàn tay (`pointer`) khi rê qua, báo hiệu rằng đây là một phần tử có thể nhấp. Thuộc tính CSS nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996921]' id='ays-answer-4000589-33395' value='4000589'/> <label for='ays-answer-4000589-33395' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-4000589-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996921]' id='ays-answer-4000590-33395' value='4000590'/> <label for='ays-answer-4000590-33395' class=' ays_position_initial ays-quiz-keyboard-label'>display: pointer;</label><label for='ays-answer-4000590-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996921]' id='ays-answer-4000591-33395' value='4000591'/> <label for='ays-answer-4000591-33395' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: pointer;</label><label for='ays-answer-4000591-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996921]' id='ays-answer-4000592-33395' value='4000592'/> <label for='ays-answer-4000592-33395' class=' ays_position_initial ays-quiz-keyboard-label'>outline: pointer;</label><label for='ays-answer-4000592-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996921'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU4OSI6IjEiLCI0MDAwNTkwIjoiMCIsIjQwMDA1OTEiOiIwIiwiNDAwMDU5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996922' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn có một nhóm các nút radio và hộp kiểm. Bạn muốn các nút này và nhãn đi kèm của chúng (`<label>`) hiển thị trên cùng một dòng nhưng có một khoảng cách nhất định giữa mỗi cặp nút/nhãn. Bạn nên sử dụng giá trị nào cho thuộc tính `display` của các phần tử `input` và `label` (hoặc phần tử cha chứa chúng) để dễ dàng quản lý khoảng cách này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996922]' id='ays-answer-4000593-33395' value='4000593'/> <label for='ays-answer-4000593-33395' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4000593-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996922]' id='ays-answer-4000594-33395' value='4000594'/> <label for='ays-answer-4000594-33395' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4000594-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996922]' id='ays-answer-4000595-33395' value='4000595'/> <label for='ays-answer-4000595-33395' class=' ays_position_initial ays-quiz-keyboard-label'>none</label><label for='ays-answer-4000595-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996922]' id='ays-answer-4000596-33395' value='4000596'/> <label for='ays-answer-4000596-33395' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4000596-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996922'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU5MyI6IjAiLCI0MDAwNTk0IjoiMSIsIjQwMDA1OTUiOiIwIiwiNDAwMDU5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996923' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Giả sử bạn có đoạn CSS sau: `input[type="text"] { background-color: lightblue; } input[type="text"]:focus { background-color: yellow; }`. Khi người dùng nhập liệu vào trường văn bản, màu nền của nó sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996923]' id='ays-answer-4000597-33395' value='4000597'/> <label for='ays-answer-4000597-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh dương nhạt (lightblue)</label><label for='ays-answer-4000597-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996923]' id='ays-answer-4000598-33395' value='4000598'/> <label for='ays-answer-4000598-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Không có màu nền</label><label for='ays-answer-4000598-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996923]' id='ays-answer-4000599-33395' value='4000599'/> <label for='ays-answer-4000599-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền mặc định của trình duyệt</label><label for='ays-answer-4000599-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996923]' id='ays-answer-4000600-33395' value='4000600'/> <label for='ays-answer-4000600-33395' class=' ays_position_initial ays-quiz-keyboard-label'>Vàng (yellow)</label><label for='ays-answer-4000600-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996923'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDU5NyI6IjAiLCI0MDAwNTk4IjoiMCIsIjQwMDA1OTkiOiIwIiwiNDAwMDYwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996924' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: đường viền, padding) cho tất cả các trường nhập liệu văn bản (`<input type="text">`), mật khẩu (`<input type="password">`), email (`<input type="email">`), và các vùng văn bản (`<textarea>`). Bộ chọn CSS nào hiệu quả nhất để nhóm các phần tử này lại?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996924]' id='ays-answer-4000601-33395' value='4000601'/> <label for='ays-answer-4000601-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], input[type="password"], input[type="email"], textarea { ... }</label><label for='ays-answer-4000601-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996924]' id='ays-answer-4000602-33395' value='4000602'/> <label for='ays-answer-4000602-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea { ... }</label><label for='ays-answer-4000602-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996924]' id='ays-answer-4000603-33395' value='4000603'/> <label for='ays-answer-4000603-33395' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text", "password", "email"], textarea { ... }</label><label for='ays-answer-4000603-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996924]' id='ays-answer-4000604-33395' value='4000604'/> <label for='ays-answer-4000604-33395' class=' ays_position_initial ays-quiz-keyboard-label'>*.text, *.password, *.email, textarea { ... }</label><label for='ays-answer-4000604-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996924'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDYwMSI6IjEiLCI0MDAwNjAyIjoiMCIsIjQwMDA2MDMiOiIwIiwiNDAwMDYwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996925' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để tạo hiệu ứng đổ bóng nhẹ nhàng cho một nút gửi biểu mẫu khi con trỏ chuột rê qua nó, bạn nên sử dụng thuộc tính CSS nào kết hợp với trạng thái giả `:hover`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996925]' id='ays-answer-4000605-33395' value='4000605'/> <label for='ays-answer-4000605-33395' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-4000605-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996925]' id='ays-answer-4000606-33395' value='4000606'/> <label for='ays-answer-4000606-33395' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-4000606-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996925]' id='ays-answer-4000607-33395' value='4000607'/> <label for='ays-answer-4000607-33395' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-4000607-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996925]' id='ays-answer-4000608-33395' value='4000608'/> <label for='ays-answer-4000608-33395' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-4000608-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996925'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDYwNSI6IjAiLCI0MDAwNjA2IjoiMCIsIjQwMDA2MDciOiIxIiwiNDAwMDYwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996926' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn tất cả các nhãn (`<label>`) trong biểu mẫu của mình có khoảng cách 5px với phần tử ngay sau chúng (ví dụ: input). Giả sử nhãn và input là các phần tử cùng cấp. Thuộc tính nào sau đây là phù hợp nhất để áp dụng cho nhãn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996926]' id='ays-answer-4000609-33395' value='4000609'/> <label for='ays-answer-4000609-33395' class=' ays_position_initial ays-quiz-keyboard-label'>margin-right: 5px;</label><label for='ays-answer-4000609-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996926]' id='ays-answer-4000610-33395' value='4000610'/> <label for='ays-answer-4000610-33395' class=' ays_position_initial ays-quiz-keyboard-label'>padding-right: 5px;</label><label for='ays-answer-4000610-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996926]' id='ays-answer-4000611-33395' value='4000611'/> <label for='ays-answer-4000611-33395' class=' ays_position_initial ays-quiz-keyboard-label'>border-right: 5px;</label><label for='ays-answer-4000611-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996926]' id='ays-answer-4000612-33395' value='4000612'/> <label for='ays-answer-4000612-33395' class=' ays_position_initial ays-quiz-keyboard-label'>width: calc(100% - 5px);</label><label for='ays-answer-4000612-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996926'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDYwOSI6IjEiLCI0MDAwNjEwIjoiMCIsIjQwMDA2MTEiOiIwIiwiNDAwMDYxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996927' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có một trường nhập liệu email (`<input type="email">`). Bạn muốn kiểm tra xem người dùng đã nhập địa chỉ email hợp lệ hay chưa bằng cách định kiểu khác đi nếu giá trị nhập vào không đúng định dạng email. Trạng thái giả (pseudo-class) nào trong CSS có thể giúp bạn nhắm mục tiêu vào các trường input có giá trị không hợp lệ theo ràng buộc HTML5?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996927]' id='ays-answer-4000613-33395' value='4000613'/> <label for='ays-answer-4000613-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-4000613-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996927]' id='ays-answer-4000614-33395' value='4000614'/> <label for='ays-answer-4000614-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-4000614-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996927]' id='ays-answer-4000615-33395' value='4000615'/> <label for='ays-answer-4000615-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-4000615-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996927]' id='ays-answer-4000616-33395' value='4000616'/> <label for='ays-answer-4000616-33395' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-4000616-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996927'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDYxMyI6IjAiLCI0MDAwNjE0IjoiMSIsIjQwMDA2MTUiOiIwIiwiNDAwMDYxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='996928' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn muốn thiết kế một biểu mẫu responsive, nghĩa là nó sẽ hiển thị tốt trên cả màn hình lớn và nhỏ. Khi định kiểu cho các trường nhập liệu, thay vì sử dụng chiều rộng cố định (ví dụ: `width: 300px;`), bạn nên ưu tiên sử dụng đơn vị đo nào để chiều rộng có thể tự điều chỉnh theo kích thước màn hình hoặc container?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996928]' id='ays-answer-4000617-33395' value='4000617'/> <label for='ays-answer-4000617-33395' class=' ays_position_initial ays-quiz-keyboard-label'>px (pixels)</label><label for='ays-answer-4000617-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996928]' id='ays-answer-4000618-33395' value='4000618'/> <label for='ays-answer-4000618-33395' class=' ays_position_initial ays-quiz-keyboard-label'>pt (points)</label><label for='ays-answer-4000618-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996928]' id='ays-answer-4000619-33395' value='4000619'/> <label for='ays-answer-4000619-33395' class=' ays_position_initial ays-quiz-keyboard-label'>% (phần trăm)</label><label for='ays-answer-4000619-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-996928]' id='ays-answer-4000620-33395' value='4000620'/> <label for='ays-answer-4000620-33395' class=' ays_position_initial ays-quiz-keyboard-label'>cm (centimeters)</label><label for='ays-answer-4000620-33395' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33395 === 'undefined'){ window.quizOptions_33395 = []; } window.quizOptions_33395['996928'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDAwMDYxNyI6IjAiLCI0MDAwNjE4IjoiMCIsIjQwMDA2MTkiOiIxIiwiNDAwMDYyMCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_33395" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_33395" style="display:none" data-id="30" data-quiz_id="33395"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_33395" maxlength="10" /> <input type="hidden" value="" id="kw-id_33395" /> <a id="submit_kw_hub_33395" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_33395" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_33395" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_33395"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_33395" id="kw_get_pass_33395" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_33395">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_33395" style="display:none"> <input type="hidden" value="33395" name="current_active_quiz_id" id="current_active_quiz_id_33395" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_33395'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-33395 * { box-sizing: border-box; } #ays-quiz-container-33395 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-33395 #ays_finish_quiz_33395 { } /* Styles for Quiz container */ #ays-quiz-container-33395{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-33395 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-33395 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-33395.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-33395.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-33395 #ays_finish_quiz_33395 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-33395.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container p, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-33395.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-33395 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-33395 .ays-quiz-password-message-box, #ays-quiz-container-33395 .ays-quiz-question-note-message-box, #ays-quiz-container-33395 .ays_quiz_question, #ays-quiz-container-33395 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-33395 textarea, #ays-quiz-container-33395 input::first-letter, #ays-quiz-container-33395 select::first-letter, #ays-quiz-container-33395 option::first-letter { color: initial !important; } #ays-quiz-container-33395 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-33395 .select2-container, #ays-quiz-container-33395 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-33395 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-33395 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-33395 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-33395 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-33395 .ays-questions-container .ays-field, div#ays-quiz-container-33395 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-33395 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-33395 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-33395 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-33395 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-33395 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-33395 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-33395 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-33395 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-33395 .information_form input[type='text'], #ays-quiz-container-33395 .information_form input[type='url'], #ays-quiz-container-33395 .information_form input[type='number'], #ays-quiz-container-33395 .information_form input[type='email'], #ays-quiz-container-33395 .information_form input[type='tel'], #ays-quiz-container-33395 .information_form textarea, #ays-quiz-container-33395 .information_form select, #ays-quiz-container-33395 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-33395 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-33395 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-33395 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-33395 .right_answer_text{ color:#33cc33; } #ays-quiz-container-33395 .right_answer_text p { font-size:16px; } #ays-quiz-container-33395 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-33395 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-33395 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33395 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33395 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33395 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33395 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33395 .ays_cb_and_a, #ays-quiz-container-33395 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-33395 iframe { /*min-height: 450px;*/ } #ays-quiz-container-33395 label.ays_for_checkbox, #ays-quiz-container-33395 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-33395 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-33395 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-33395 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-33395 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-33395 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-33395 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-33395 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-33395 div.lds-spinner, #ays-quiz-container-33395 div.lds-spinner2 { color: #000000; } #ays-quiz-container-33395 div.lds-spinner div:after, #ays-quiz-container-33395 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-33395 .lds-circle, #ays-quiz-container-33395 .lds-facebook div, #ays-quiz-container-33395 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-33395 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-33395 .lds-dual-ring::after, #ays-quiz-container-33395 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-33395 .ui.rating .icon, #ays-quiz-container-33395 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-33395 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-33395 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-33395 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-33395 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-33395 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-33395 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-33395 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-33395 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-33395 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-33395 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-33395 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-33395 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-33395 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-33395 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-33395 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-33395 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-33395 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-33395 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-33395 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-33395 div.ays-quiz-redirection-timer, #ays-quiz-container-33395 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-33395 div.ays-quiz-after-timer * , #ays-quiz-container-33395 div.ays-quiz-redirection-timer *, #ays-quiz-container-33395 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-33395 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-33395 input#ays-submit, #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button, #ays-quiz-container-33395 #ays_finish_quiz_33395 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-33395 #ays_finish_quiz_33395 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button.ays_restart_button, #ays-quiz-container-33395 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33395 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-33395 input#ays-submit, #ays-quiz-container-33395 #ays_finish_quiz_33395 input.action-button, #ays-quiz-container-33395 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33395 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33395 input#ays-submit:hover, #ays-quiz-container-33395 input#ays-submit:focus, #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button:hover, #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button:focus, #ays-quiz-container-33395 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-33395 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-33395 .ays_restart_button { color: #ffffff; } #ays-quiz-container-33395 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-33395 .ays_buttons_div { justify-content: center; } #ays-quiz-container-33395 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-33395 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-33395 input[type='button'], #ays-quiz-container-33395 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-33395 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-33395 input[type='button']:focus-visible, div#ays-quiz-container-33395 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_early_finish.action-button[disabled], #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-33395 #ays_finish_quiz_33395 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-33395 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-33395 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-33395 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-33395.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-33395 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-33395 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33395 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-33395 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-33395 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-33395 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-33395 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-33395 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-33395 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-33395 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-33395 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-33395 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-33395 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-33395 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-33395 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-33395 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33395 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-33395 .ays-field .select2-container--default, #ays-quiz-container-33395 .ays-field .select2-container--default .selection, #ays-quiz-container-33395 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-33395 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-33395 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-33395 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-33395 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-33395 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-33395 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-33395 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-33395 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-33395 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-33395 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-33395 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-33395 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-33395 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-33395 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-33395 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-33395 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-33395 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-33395 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33395 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33395 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-33395.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-33395.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-33395 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-33395 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-33395 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-33395 label[for^='ays-answer']:before, #ays-quiz-container-33395 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-33395 .ays_question_report { text-align: right; } div#ays-quiz-container-33395 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-33395 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-33395.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-33395.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-33395.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-33395.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-33395.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-33395.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-33395 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-33395.ays_quiz_classic_dark .correct_div, #ays-quiz-container-33395.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-33395.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-33395.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-33395.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-33395.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33395.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-33395.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33395 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-33395 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-33395 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-33395 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-33395 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-33395 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-33395 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-33395.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-33395.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-33395 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-33395 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-33395 .ays-quiz-personality-result-box div:before, #ays-quiz-container-33395 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-33395 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-33395 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-33395 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-33395 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-33395 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-33395 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-33395 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-33395 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-33395 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-33395 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-33395 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-33395 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-33395 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-33395{ max-width: 100%; } div#ays-quiz-container-33395 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-33395.ays_quiz_modern_light .step, div#ays-quiz-container-33395.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-33395.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-33395.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-33395.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-33395.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-33395 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-33395 .select2-container, div#ays-quiz-container-33395 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-33395 input#ays-submit, div#ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button, div#ays-quiz-container-33395 #ays_finish_quiz_33395 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button.ays_restart_button, #ays-quiz-container-33395 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33395 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-33395 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-33395 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-33395 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-33395 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-33395 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-33395 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33395 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-33395 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-33395 p { margin: 0.625em; } #ays-quiz-container-33395.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-33395.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-33395 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-33395.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-33395 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button:hover, #ays-quiz-container-33395 #ays_finish_quiz_33395 .action-button:focus, #ays-quiz-container-33395 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-33395 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['33395'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMzM5NSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNyIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiI5OTY4OTksOTk2OTAwLDk5NjkwMSw5OTY5MDIsOTk2OTAzLDk5NjkwNCw5OTY5MDUsOTk2OTA2LDk5NjkwNyw5OTY5MDgsOTk2OTA5LDk5NjkxMCw5OTY5MTEsOTk2OTEyLDk5NjkxMyw5OTY5MTQsOTk2OTE1LDk5NjkxNiw5OTY5MTcsOTk2OTE4LDk5NjkxOSw5OTY5MjAsOTk2OTIxLDk5NjkyMiw5OTY5MjMsOTk2OTI0LDk5NjkyNSw5OTY5MjYsOTk2OTI3LDk5NjkyOCIsIm9yZGVyaW5nIjoiMzMzOTUiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='33395'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_33395' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-34333'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_34333' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 08</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='34333'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='1024847,1024848,1024849,1024850,1024851,1024852,1024853,1024854,1024855,1024856,1024857,1024858,1024859,1024860,1024861,1024862,1024863,1024864,1024865,1024866,1024867,1024868,1024869,1024870,1024871,1024872,1024873,1024874,1024875,1024876'> </div> </div><div class='step ' data-question-id='1024847' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, để định kiểu cho tất cả các ô nhập liệu (input) và vùng văn bản (textarea) trong một biểu mẫu, bạn nên sử dụng bộ chọn (selector) nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024847]' id='ays-answer-4109745-34333' value='4109745'/> <label for='ays-answer-4109745-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input textarea</label><label for='ays-answer-4109745-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024847]' id='ays-answer-4109746-34333' value='4109746'/> <label for='ays-answer-4109746-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input > textarea</label><label for='ays-answer-4109746-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024847]' id='ays-answer-4109747-34333' value='4109747'/> <label for='ays-answer-4109747-34333' class=' ays_position_initial ays-quiz-keyboard-label'>.input, .textarea</label><label for='ays-answer-4109747-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024847]' id='ays-answer-4109748-34333' value='4109748'/> <label for='ays-answer-4109748-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea</label><label for='ays-answer-4109748-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024847'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc0NSI6IjAiLCI0MTA5NzQ2IjoiMCIsIjQxMDk3NDciOiIwIiwiNDEwOTc0OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về bộ chọn phần tử trong CSS. Để chọn nhiều loại phần tử cùng lúc, ta sử dụng dấu phẩy để phân tách các tên phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024848' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn tất cả các ô nhập liệu (`<input type='text'>`) trong biểu mẫu của mình có chiều rộng cố định là 250px và bao gồm cả padding 10px và border 1px vào tổng chiều rộng đó. Thuộc tính CSS nào giúp đạt được yêu cầu tính gộp padding và border vào kích thước phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024848]' id='ays-answer-4109749-34333' value='4109749'/> <label for='ays-answer-4109749-34333' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: border-box;</label><label for='ays-answer-4109749-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024848]' id='ays-answer-4109750-34333' value='4109750'/> <label for='ays-answer-4109750-34333' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; padding: 10px; border: 1px;</label><label for='ays-answer-4109750-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024848]' id='ays-answer-4109751-34333' value='4109751'/> <label for='ays-answer-4109751-34333' class=' ays_position_initial ays-quiz-keyboard-label'>display: block; width: 250px;</label><label for='ays-answer-4109751-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024848]' id='ays-answer-4109752-34333' value='4109752'/> <label for='ays-answer-4109752-34333' class=' ays_position_initial ays-quiz-keyboard-label'>margin: auto;</label><label for='ays-answer-4109752-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024848'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc0OSI6IjEiLCI0MTA5NzUwIjoiMCIsIjQxMDk3NTEiOiIwIiwiNDEwOTc1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng thuộc tính `box-sizing` với giá trị `border-box`. Thuộc tính này thay đổi cách tính toán kích thước tổng của phần tử, bao gồm padding và border vào giá trị width/height đã cho.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024849' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để làm nổi bật đường viền của một ô nhập liệu (`<input>`) khi người dùng nhấp chuột vào nó (tức là ô đó đang nhận 'focus'), bạn cần sử dụng pseudo-class nào kết hợp với bộ chọn phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024849]' id='ays-answer-4109753-34333' value='4109753'/> <label for='ays-answer-4109753-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4109753-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024849]' id='ays-answer-4109754-34333' value='4109754'/> <label for='ays-answer-4109754-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4109754-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024849]' id='ays-answer-4109755-34333' value='4109755'/> <label for='ays-answer-4109755-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4109755-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024849]' id='ays-answer-4109756-34333' value='4109756'/> <label for='ays-answer-4109756-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-4109756-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024849'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc1MyI6IjAiLCI0MTA5NzU0IjoiMSIsIjQxMDk3NTUiOiIwIiwiNDEwOTc1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:focus` được sử dụng để định kiểu cho một phần tử khi nó nhận được sự chú ý của người dùng, thường là thông qua việc nhấp chuột hoặc sử dụng phím Tab.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024850' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn muốn tạo hiệu ứng khi con trỏ chuột di chuyển qua một nút gửi đi (`<input type='submit'>`) trong biểu mẫu, làm cho màu nền của nút thay đổi. Pseudo-class nào là phù hợp nhất để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024850]' id='ays-answer-4109757-34333' value='4109757'/> <label for='ays-answer-4109757-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4109757-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024850]' id='ays-answer-4109758-34333' value='4109758'/> <label for='ays-answer-4109758-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4109758-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024850]' id='ays-answer-4109759-34333' value='4109759'/> <label for='ays-answer-4109759-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-4109759-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024850]' id='ays-answer-4109760-34333' value='4109760'/> <label for='ays-answer-4109760-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4109760-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024850'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc1NyI6IjEiLCI0MTA5NzU4IjoiMCIsIjQxMDk3NTkiOiIwIiwiNDEwOTc2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:hover` được sử dụng để định kiểu cho một phần tử khi con trỏ chuột di chuyển qua nó nhưng chưa nhấp chuột.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024851' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Khi người dùng đang nhấn và giữ chuột trên một nút (`<button>`) trong biểu mẫu trước khi nhả ra, bạn muốn nút đó có một hiệu ứng hình ảnh đặc biệt (ví dụ: màu nền đậm hơn). Pseudo-class nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024851]' id='ays-answer-4109761-34333' value='4109761'/> <label for='ays-answer-4109761-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4109761-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024851]' id='ays-answer-4109762-34333' value='4109762'/> <label for='ays-answer-4109762-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4109762-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024851]' id='ays-answer-4109763-34333' value='4109763'/> <label for='ays-answer-4109763-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4109763-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024851]' id='ays-answer-4109764-34333' value='4109764'/> <label for='ays-answer-4109764-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:link</label><label for='ays-answer-4109764-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024851'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc2MSI6IjAiLCI0MTA5NzYyIjoiMCIsIjQxMDk3NjMiOiIxIiwiNDEwOTc2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:active` được sử dụng để định kiểu cho một phần tử khi nó đang được kích hoạt bởi người dùng, chẳng hạn như khi nhấn và giữ chuột trên một nút.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024852' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để tăng khoảng cách giữa nội dung bên trong (văn bản) và đường viền của một ô nhập liệu, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024852]' id='ays-answer-4109765-34333' value='4109765'/> <label for='ays-answer-4109765-34333' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4109765-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024852]' id='ays-answer-4109766-34333' value='4109766'/> <label for='ays-answer-4109766-34333' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4109766-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024852]' id='ays-answer-4109767-34333' value='4109767'/> <label for='ays-answer-4109767-34333' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4109767-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024852]' id='ays-answer-4109768-34333' value='4109768'/> <label for='ays-answer-4109768-34333' class=' ays_position_initial ays-quiz-keyboard-label'>spacing</label><label for='ays-answer-4109768-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024852'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc2NSI6IjAiLCI0MTA5NzY2IjoiMSIsIjQxMDk3NjciOiIwIiwiNDEwOTc2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `padding` định nghĩa khoảng cách giữa nội dung của phần tử và đường viền của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024853' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Thuộc tính `margin` trong CSS được sử dụng để làm gì khi định kiểu biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024853]' id='ays-answer-4109769-34333' value='4109769'/> <label for='ays-answer-4109769-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu nền cho phần tử.</label><label for='ays-answer-4109769-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024853]' id='ays-answer-4109770-34333' value='4109770'/> <label for='ays-answer-4109770-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng khoảng cách giữa nội dung và đường viền.</label><label for='ays-answer-4109770-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024853]' id='ays-answer-4109771-34333' value='4109771'/> <label for='ays-answer-4109771-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết lập kiểu cho đường viền của phần tử.</label><label for='ays-answer-4109771-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024853]' id='ays-answer-4109772-34333' value='4109772'/> <label for='ays-answer-4109772-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng cách giữa phần tử này với các phần tử khác.</label><label for='ays-answer-4109772-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024853'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc2OSI6IjAiLCI0MTA5NzcwIjoiMCIsIjQxMDk3NzEiOiIwIiwiNDEwOTc3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `margin` định nghĩa khoảng cách bên ngoài đường viền của phần tử, tạo khoảng trống giữa phần tử đó với các phần tử xung quanh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024854' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn tạo một ô nhập liệu có các góc được bo tròn. Thuộc tính CSS nào giúp bạn thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024854]' id='ays-answer-4109773-34333' value='4109773'/> <label for='ays-answer-4109773-34333' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-4109773-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024854]' id='ays-answer-4109774-34333' value='4109774'/> <label for='ays-answer-4109774-34333' class=' ays_position_initial ays-quiz-keyboard-label'>corner-style</label><label for='ays-answer-4109774-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024854]' id='ays-answer-4109775-34333' value='4109775'/> <label for='ays-answer-4109775-34333' class=' ays_position_initial ays-quiz-keyboard-label'>angle-border</label><label for='ays-answer-4109775-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024854]' id='ays-answer-4109776-34333' value='4109776'/> <label for='ays-answer-4109776-34333' class=' ays_position_initial ays-quiz-keyboard-label'>border-style</label><label for='ays-answer-4109776-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024854'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc3MyI6IjEiLCI0MTA5Nzc0IjoiMCIsIjQxMDk3NzUiOiIwIiwiNDEwOTc3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `border-radius` được sử dụng để làm tròn các góc của một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024855' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để làm cho một nhóm các ô nhập liệu và nhãn (`<label>`) hiển thị trên từng dòng riêng biệt, chiếm toàn bộ chiều rộng có thể của vùng chứa, bạn nên thiết lập thuộc tính `display` cho chúng là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024855]' id='ays-answer-4109777-34333' value='4109777'/> <label for='ays-answer-4109777-34333' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4109777-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024855]' id='ays-answer-4109778-34333' value='4109778'/> <label for='ays-answer-4109778-34333' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4109778-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024855]' id='ays-answer-4109779-34333' value='4109779'/> <label for='ays-answer-4109779-34333' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4109779-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024855]' id='ays-answer-4109780-34333' value='4109780'/> <label for='ays-answer-4109780-34333' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4109780-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024855'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc3NyI6IjAiLCI0MTA5Nzc4IjoiMCIsIjQxMDk3NzkiOiIxIiwiNDEwOTc4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Giá trị `block` của thuộc tính `display` làm cho phần tử chiếm toàn bộ chiều rộng của phần tử cha và bắt đầu trên một dòng mới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024856' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn đang định kiểu cho một hộp kiểm (`<input type='checkbox'>`). Để thay đổi màu sắc hoặc kiểu dáng của hộp kiểm khi nó được chọn, bạn sẽ sử dụng pseudo-class nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024856]' id='ays-answer-4109781-34333' value='4109781'/> <label for='ays-answer-4109781-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4109781-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024856]' id='ays-answer-4109782-34333' value='4109782'/> <label for='ays-answer-4109782-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4109782-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024856]' id='ays-answer-4109783-34333' value='4109783'/> <label for='ays-answer-4109783-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:selected</label><label for='ays-answer-4109783-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024856]' id='ays-answer-4109784-34333' value='4109784'/> <label for='ays-answer-4109784-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4109784-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024856'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc4MSI6IjAiLCI0MTA5NzgyIjoiMSIsIjQxMDk3ODMiOiIwIiwiNDEwOTc4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:checked` được sử dụng để định kiểu cho các phần tử input có kiểu `radio` hoặc `checkbox` khi chúng ở trạng thái được chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024857' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Cho đoạn CSS sau:<br /> ```css<br /> input[type='text'] {<br /> border: 1px solid #ccc;<br /> padding: 8px;<br /> }<br /> input[type='text']:focus {<br /> border-color: blue;<br /> outline: none;<br /> }<br /> ```<br /> Khi người dùng nhấp vào ô nhập liệu kiểu text, hiệu ứng hình ảnh nào sẽ xuất hiện?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024857]' id='ays-answer-4109785-34333' value='4109785'/> <label for='ays-answer-4109785-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền sẽ dày hơn và có màu xanh.</label><label for='ays-answer-4109785-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024857]' id='ays-answer-4109786-34333' value='4109786'/> <label for='ays-answer-4109786-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Nền của ô nhập liệu sẽ chuyển sang màu xanh.</label><label for='ays-answer-4109786-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024857]' id='ays-answer-4109787-34333' value='4109787'/> <label for='ays-answer-4109787-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có đường viền ngoài (outline) màu xanh xuất hiện.</label><label for='ays-answer-4109787-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024857]' id='ays-answer-4109788-34333' value='4109788'/> <label for='ays-answer-4109788-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền của ô nhập liệu chuyển sang màu xanh và không có đường viền ngoài mặc định.</label><label for='ays-answer-4109788-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024857'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc4NSI6IjAiLCI0MTA5Nzg2IjoiMCIsIjQxMDk3ODciOiIwIiwiNDEwOTc4OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đoạn CSS định nghĩa kiểu mặc định cho input text và kiểu khi nó nhận focus. Khi focus, `border-color` sẽ chuyển sang màu xanh, và `outline` mặc định (thường là viền xanh/cam) sẽ bị tắt đi.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024858' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn một nút gửi đi (`<input type='submit'>` hoặc `<button type='submit'>`) có màu nền xám nhạt và không thể nhấp vào được trong một số trường hợp. Thuộc tính HTML nào cần thêm vào thẻ nút để vô hiệu hóa nó, và pseudo-class CSS nào có thể dùng để định kiểu riêng cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024858]' id='ays-answer-4109789-34333' value='4109789'/> <label for='ays-answer-4109789-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính: `inactive`, Pseudo-class: `:inactive`</label><label for='ays-answer-4109789-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024858]' id='ays-answer-4109790-34333' value='4109790'/> <label for='ays-answer-4109790-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính: `locked`, Pseudo-class: `:locked`</label><label for='ays-answer-4109790-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024858]' id='ays-answer-4109791-34333' value='4109791'/> <label for='ays-answer-4109791-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính: `disabled`, Pseudo-class: `:disabled`</label><label for='ays-answer-4109791-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024858]' id='ays-answer-4109792-34333' value='4109792'/> <label for='ays-answer-4109792-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính: `readonly`, Pseudo-class: `:readonly`</label><label for='ays-answer-4109792-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024858'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc4OSI6IjAiLCI0MTA5NzkwIjoiMCIsIjQxMDk3OTEiOiIxIiwiNDEwOTc5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính HTML `disabled` làm cho phần tử không tương tác được. Pseudo-class `:disabled` trong CSS cho phép định kiểu riêng cho các phần tử ở trạng thái này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024859' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để thay đổi kiểu con trỏ chuột khi di chuyển qua một nút nhấn trong biểu mẫu thành hình bàn tay (pointer), bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024859]' id='ays-answer-4109793-34333' value='4109793'/> <label for='ays-answer-4109793-34333' class=' ays_position_initial ays-quiz-keyboard-label'>cursor</label><label for='ays-answer-4109793-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024859]' id='ays-answer-4109794-34333' value='4109794'/> <label for='ays-answer-4109794-34333' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-event</label><label for='ays-answer-4109794-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024859]' id='ays-answer-4109795-34333' value='4109795'/> <label for='ays-answer-4109795-34333' class=' ays_position_initial ays-quiz-keyboard-label'>mouse-style</label><label for='ays-answer-4109795-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024859]' id='ays-answer-4109796-34333' value='4109796'/> <label for='ays-answer-4109796-34333' class=' ays_position_initial ays-quiz-keyboard-label'>hand-icon</label><label for='ays-answer-4109796-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024859'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc5MyI6IjEiLCI0MTA5Nzk0IjoiMCIsIjQxMDk3OTUiOiIwIiwiNDEwOTc5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `cursor` được sử dụng để xác định kiểu con trỏ chuột khi nó di chuyển qua một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024860' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn đang thiết kế một form đăng nhập. Bạn muốn nhãn (`<label>`) và ô nhập liệu (`<input>`) cho tên người dùng hiển thị trên cùng một dòng, nhưng ô nhập liệu chiếm phần lớn chiều rộng còn lại. Cách tiếp cận CSS nào sau đây là hiệu quả nhất để bố trí chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024860]' id='ays-answer-4109797-34333' value='4109797'/> <label for='ays-answer-4109797-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `display: inline-block;` cho cả label và input.</label><label for='ays-answer-4109797-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024860]' id='ays-answer-4109798-34333' value='4109798'/> <label for='ays-answer-4109798-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `float: left;` cho label và `float: left;` cho input.</label><label for='ays-answer-4109798-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024860]' id='ays-answer-4109799-34333' value='4109799'/> <label for='ays-answer-4109799-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt `display: block;` cho label và `display: inline;` cho input.</label><label for='ays-answer-4109799-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024860]' id='ays-answer-4109800-34333' value='4109800'/> <label for='ays-answer-4109800-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Flexbox (`display: flex;`) cho phần tử cha chứa label và input, sau đó điều chỉnh kích thước input bằng `flex-grow`.</label><label for='ays-answer-4109800-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024860'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTc5NyI6IjAiLCI0MTA5Nzk4IjoiMCIsIjQxMDk3OTkiOiIwIiwiNDEwOTgwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Sử dụng Flexbox trên phần tử chứa (`div` hoặc `</p> <form>`) là cách hiện đại và linh hoạt để bố trí các phần tử con (nhãn và input) trên cùng một dòng và kiểm soát phân bổ không gian.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024861' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Sự khác biệt cơ bản về hiệu ứng hình ảnh mặc định giữa thuộc tính `outline` và `border` khi áp dụng cho một ô nhập liệu đang có focus là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024861]' id='ays-answer-4109801-34333' value='4109801'/> <label for='ays-answer-4109801-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Outline chỉ hiển thị khi rê chuột, border hiển thị khi focus.</label><label for='ays-answer-4109801-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024861]' id='ays-answer-4109802-34333' value='4109802'/> <label for='ays-answer-4109802-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Outline làm thay đổi kích thước phần tử, border thì không.</label><label for='ays-answer-4109802-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024861]' id='ays-answer-4109803-34333' value='4109803'/> <label for='ays-answer-4109803-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Outline không ảnh hưởng đến kích thước và bố cục của phần tử, trong khi border thì có.</label><label for='ays-answer-4109803-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024861]' id='ays-answer-4109804-34333' value='4109804'/> <label for='ays-answer-4109804-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Border chỉ có thể là đường thẳng, outline có thể là đường nét đứt.</label><label for='ays-answer-4109804-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024861'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgwMSI6IjAiLCI0MTA5ODAyIjoiMCIsIjQxMDk4MDMiOiIxIiwiNDEwOTgwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>`border` là một phần của kích thước phần tử và bố cục, trong khi `outline` vẽ bên ngoài đường viền của phần tử và không ảnh hưởng đến bố cục xung quanh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024862' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn một vùng văn bản (`<textarea>`) có thể thay đổi kích thước bởi người dùng nhưng chỉ theo chiều dọc. Thuộc tính CSS nào cho phép kiểm soát khả năng thay đổi kích thước của textarea?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024862]' id='ays-answer-4109805-34333' value='4109805'/> <label for='ays-answer-4109805-34333' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: auto;</label><label for='ays-answer-4109805-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024862]' id='ays-answer-4109806-34333' value='4109806'/> <label for='ays-answer-4109806-34333' class=' ays_position_initial ays-quiz-keyboard-label'>resize: vertical;</label><label for='ays-answer-4109806-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024862]' id='ays-answer-4109807-34333' value='4109807'/> <label for='ays-answer-4109807-34333' class=' ays_position_initial ays-quiz-keyboard-label'>size: vertical;</label><label for='ays-answer-4109807-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024862]' id='ays-answer-4109808-34333' value='4109808'/> <label for='ays-answer-4109808-34333' class=' ays_position_initial ays-quiz-keyboard-label'>orientation: vertical;</label><label for='ays-answer-4109808-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024862'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgwNSI6IjAiLCI0MTA5ODA2IjoiMSIsIjQxMDk4MDciOiIwIiwiNDEwOTgwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `resize` kiểm soát khả năng thay đổi kích thước của các phần tử như `textarea`. Giá trị `vertical` cho phép thay đổi kích thước chỉ theo chiều dọc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024863' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Để ẩn hoàn toàn một phần tử trong biểu mẫu (ví dụ: một ô thông báo lỗi ban đầu chưa cần hiển thị) mà không chiếm không gian trong bố cục, bạn sử dụng thuộc tính và giá trị nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024863]' id='ays-answer-4109809-34333' value='4109809'/> <label for='ays-answer-4109809-34333' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-4109809-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024863]' id='ays-answer-4109810-34333' value='4109810'/> <label for='ays-answer-4109810-34333' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-4109810-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024863]' id='ays-answer-4109811-34333' value='4109811'/> <label for='ays-answer-4109811-34333' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-4109811-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024863]' id='ays-answer-4109812-34333' value='4109812'/> <label for='ays-answer-4109812-34333' class=' ays_position_initial ays-quiz-keyboard-label'>height: 0; width: 0;</label><label for='ays-answer-4109812-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024863'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgwOSI6IjEiLCI0MTA5ODEwIjoiMCIsIjQxMDk4MTEiOiIwIiwiNDEwOTgxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>`display: none;` làm cho phần tử không hiển thị và không chiếm bất kỳ không gian nào trong bố cục. `visibility: hidden;` cũng ẩn phần tử nhưng vẫn giữ nguyên không gian của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024864' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn tất cả các nhãn (`<label>`) trong biểu mẫu có màu chữ xanh và in đậm. Đoạn CSS nào sau đây thực hiện đúng yêu cầu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024864]' id='ays-answer-4109813-34333' value='4109813'/> <label for='ays-answer-4109813-34333' class=' ays_position_initial ays-quiz-keyboard-label'>label { text-color: blue; font-style: bold; }</label><label for='ays-answer-4109813-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024864]' id='ays-answer-4109814-34333' value='4109814'/> <label for='ays-answer-4109814-34333' class=' ays_position_initial ays-quiz-keyboard-label'>.label { color: blue; font-weight: bold; }</label><label for='ays-answer-4109814-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024864]' id='ays-answer-4109815-34333' value='4109815'/> <label for='ays-answer-4109815-34333' class=' ays_position_initial ays-quiz-keyboard-label'>label { color: blue; font-weight: bold; }</label><label for='ays-answer-4109815-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024864]' id='ays-answer-4109816-34333' value='4109816'/> <label for='ays-answer-4109816-34333' class=' ays_position_initial ays-quiz-keyboard-label'>label { text-decoration: bold; color: blue; }</label><label for='ays-answer-4109816-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024864'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgxMyI6IjAiLCI0MTA5ODE0IjoiMCIsIjQxMDk4MTUiOiIxIiwiNDEwOTgxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách áp dụng kiểu chữ cơ bản cho phần tử `label`. `color` đặt màu chữ, `font-weight: bold;` làm chữ in đậm.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024865' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Cho cấu trúc HTML một phần tử form:<br /> ```html</p> <div class='form-group'> <label for='email'>Email:</label><br /> <input type='email' id='email' required> </div> <p>```<br /> Bạn muốn định kiểu đặc biệt cho ô nhập liệu email khi nó chứa một địa chỉ email hợp lệ. Pseudo-class nào của CSS3 có thể giúp bạn làm điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024865]' id='ays-answer-4109817-34333' value='4109817'/> <label for='ays-answer-4109817-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-4109817-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024865]' id='ays-answer-4109818-34333' value='4109818'/> <label for='ays-answer-4109818-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4109818-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024865]' id='ays-answer-4109819-34333' value='4109819'/> <label for='ays-answer-4109819-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:focused</label><label for='ays-answer-4109819-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024865]' id='ays-answer-4109820-34333' value='4109820'/> <label for='ays-answer-4109820-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:filled</label><label for='ays-answer-4109820-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024865'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgxNyI6IjEiLCI0MTA5ODE4IjoiMCIsIjQxMDk4MTkiOiIwIiwiNDEwOTgyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:valid` được sử dụng để định kiểu cho các phần tử form (như input) có nội dung thỏa mãn ràng buộc kiểm tra tính hợp lệ của trình duyệt (ví dụ: kiểu email, URL, số...).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024866' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Ngược lại với câu trên, bạn muốn hiển thị một thông báo lỗi hoặc làm nổi bật ô nhập liệu email khi nó chứa nội dung không hợp lệ (không phải định dạng email). Pseudo-class nào phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024866]' id='ays-answer-4109821-34333' value='4109821'/> <label for='ays-answer-4109821-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:error</label><label for='ays-answer-4109821-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024866]' id='ays-answer-4109822-34333' value='4109822'/> <label for='ays-answer-4109822-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:wrong</label><label for='ays-answer-4109822-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024866]' id='ays-answer-4109823-34333' value='4109823'/> <label for='ays-answer-4109823-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-4109823-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024866]' id='ays-answer-4109824-34333' value='4109824'/> <label for='ays-answer-4109824-34333' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-4109824-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024866'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgyMSI6IjAiLCI0MTA5ODIyIjoiMCIsIjQxMDk4MjMiOiIwIiwiNDEwOTgyNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Pseudo-class `:invalid` được sử dụng để định kiểu cho các phần tử form có nội dung không thỏa mãn ràng buộc kiểm tra tính hợp lệ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024867' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Để thay đổi màu nền của toàn bộ biểu mẫu (`</p> <form>`), bạn sẽ áp dụng thuộc tính `background-color` cho bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024867]' id='ays-answer-4109825-34333' value='4109825'/> <label for='ays-answer-4109825-34333' class=' ays_position_initial ays-quiz-keyboard-label'>form</label><label for='ays-answer-4109825-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024867]' id='ays-answer-4109826-34333' value='4109826'/> <label for='ays-answer-4109826-34333' class=' ays_position_initial ays-quiz-keyboard-label'>body</label><label for='ays-answer-4109826-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024867]' id='ays-answer-4109827-34333' value='4109827'/> <label for='ays-answer-4109827-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input</label><label for='ays-answer-4109827-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024867]' id='ays-answer-4109828-34333' value='4109828'/> <label for='ays-answer-4109828-34333' class=' ays_position_initial ays-quiz-keyboard-label'>.form</label><label for='ays-answer-4109828-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024867'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgyNSI6IjEiLCI0MTA5ODI2IjoiMCIsIjQxMDk4MjciOiIwIiwiNDEwOTgyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách chọn và áp dụng kiểu cho phần tử `</p> <form>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024868' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn tạo một hiệu ứng đổ bóng (shadow) nhẹ xung quanh ô nhập liệu khi nó đang được focus để thu hút sự chú ý của người dùng. Thuộc tính CSS nào được sử dụng cho hiệu ứng đổ bóng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024868]' id='ays-answer-4109829-34333' value='4109829'/> <label for='ays-answer-4109829-34333' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-4109829-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024868]' id='ays-answer-4109830-34333' value='4109830'/> <label for='ays-answer-4109830-34333' class=' ays_position_initial ays-quiz-keyboard-label'>element-shadow</label><label for='ays-answer-4109830-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024868]' id='ays-answer-4109831-34333' value='4109831'/> <label for='ays-answer-4109831-34333' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-4109831-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024868]' id='ays-answer-4109832-34333' value='4109832'/> <label for='ays-answer-4109832-34333' class=' ays_position_initial ays-quiz-keyboard-label'>drop-shadow</label><label for='ays-answer-4109832-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024868'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgyOSI6IjAiLCI0MTA5ODMwIjoiMCIsIjQxMDk4MzEiOiIxIiwiNDEwOTgzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `box-shadow` được sử dụng để thêm hiệu ứng đổ bóng cho các phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024869' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Trong CSS, để định kiểu cho các ô nhập liệu kiểu `password` mà không ảnh hưởng đến các ô nhập liệu kiểu `text` hoặc `email`, bạn sử dụng bộ chọn thuộc tính (attribute selector) nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024869]' id='ays-answer-4109833-34333' value='4109833'/> <label for='ays-answer-4109833-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input#password</label><label for='ays-answer-4109833-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024869]' id='ays-answer-4109834-34333' value='4109834'/> <label for='ays-answer-4109834-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='password']</label><label for='ays-answer-4109834-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024869]' id='ays-answer-4109835-34333' value='4109835'/> <label for='ays-answer-4109835-34333' class=' ays_position_initial ays-quiz-keyboard-label'>input.password</label><label for='ays-answer-4109835-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024869]' id='ays-answer-4109836-34333' value='4109836'/> <label for='ays-answer-4109836-34333' class=' ays_position_initial ays-quiz-keyboard-label'>[password]</label><label for='ays-answer-4109836-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024869'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgzMyI6IjAiLCI0MTA5ODM0IjoiMSIsIjQxMDk4MzUiOiIwIiwiNDEwOTgzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn thuộc tính `[attribute='value']` được sử dụng để chọn các phần tử có thuộc tính cụ thể với giá trị xác định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024870' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn có một danh sách thả xuống (`<select>`) trong biểu mẫu. Để thay đổi màu chữ của các tùy chọn (`<option>`) bên trong danh sách này khi danh sách được mở ra, bạn có thể cần định kiểu cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024870]' id='ays-answer-4109837-34333' value='4109837'/> <label for='ays-answer-4109837-34333' class=' ays_position_initial ays-quiz-keyboard-label'>option</label><label for='ays-answer-4109837-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024870]' id='ays-answer-4109838-34333' value='4109838'/> <label for='ays-answer-4109838-34333' class=' ays_position_initial ays-quiz-keyboard-label'>select:hover</label><label for='ays-answer-4109838-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024870]' id='ays-answer-4109839-34333' value='4109839'/> <label for='ays-answer-4109839-34333' class=' ays_position_initial ays-quiz-keyboard-label'>select option</label><label for='ays-answer-4109839-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024870]' id='ays-answer-4109840-34333' value='4109840'/> <label for='ays-answer-4109840-34333' class=' ays_position_initial ays-quiz-keyboard-label'>select > option</label><label for='ays-answer-4109840-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024870'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTgzNyI6IjEiLCI0MTA5ODM4IjoiMCIsIjQxMDk4MzkiOiIwIiwiNDEwOTg0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Các tùy chọn trong danh sách thả xuống được đại diện bởi thẻ `<option>`. Định kiểu trực tiếp cho thẻ `option` sẽ ảnh hưởng đến hiển thị của chúng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024871' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn tạo một nút nhấn có chiều rộng đầy đủ bằng với phần tử chứa nó. Thuộc tính `display` nào thường được sử dụng để làm cho một phần tử chiếm toàn bộ chiều rộng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024871]' id='ays-answer-4109841-34333' value='4109841'/> <label for='ays-answer-4109841-34333' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4109841-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024871]' id='ays-answer-4109842-34333' value='4109842'/> <label for='ays-answer-4109842-34333' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4109842-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024871]' id='ays-answer-4109843-34333' value='4109843'/> <label for='ays-answer-4109843-34333' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4109843-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024871]' id='ays-answer-4109844-34333' value='4109844'/> <label for='ays-answer-4109844-34333' class=' ays_position_initial ays-quiz-keyboard-label'>flex-item</label><label for='ays-answer-4109844-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024871'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg0MSI6IjAiLCI0MTA5ODQyIjoiMCIsIjQxMDk4NDMiOiIxIiwiNDEwOTg0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Các phần tử có `display: block;` mặc định chiếm toàn bộ chiều rộng của phần tử cha và bắt đầu trên một dòng mới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024872' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để đặt khoảng cách đều 15px ở cả bốn phía (trên, phải, dưới, trái) bên ngoài đường viền của một ô nhập liệu, bạn sử dụng khai báo CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024872]' id='ays-answer-4109845-34333' value='4109845'/> <label for='ays-answer-4109845-34333' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 15px;</label><label for='ays-answer-4109845-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024872]' id='ays-answer-4109846-34333' value='4109846'/> <label for='ays-answer-4109846-34333' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 15px;</label><label for='ays-answer-4109846-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024872]' id='ays-answer-4109847-34333' value='4109847'/> <label for='ays-answer-4109847-34333' class=' ays_position_initial ays-quiz-keyboard-label'>space: 15px;</label><label for='ays-answer-4109847-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024872]' id='ays-answer-4109848-34333' value='4109848'/> <label for='ays-answer-4109848-34333' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing: 15px;</label><label for='ays-answer-4109848-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024872'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg0NSI6IjAiLCI0MTA5ODQ2IjoiMSIsIjQxMDk4NDciOiIwIiwiNDEwOTg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>`margin: 15px;` là cách viết tắt để đặt margin 15px cho cả bốn phía.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024873' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn làm cho văn bản bên trong một vùng văn bản (`<textarea>`) có cỡ chữ lớn hơn. Thuộc tính CSS nào kiểm soát kích thước phông chữ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024873]' id='ays-answer-4109849-34333' value='4109849'/> <label for='ays-answer-4109849-34333' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-4109849-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024873]' id='ays-answer-4109850-34333' value='4109850'/> <label for='ays-answer-4109850-34333' class=' ays_position_initial ays-quiz-keyboard-label'>text-size</label><label for='ays-answer-4109850-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024873]' id='ays-answer-4109851-34333' value='4109851'/> <label for='ays-answer-4109851-34333' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-4109851-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024873]' id='ays-answer-4109852-34333' value='4109852'/> <label for='ays-answer-4109852-34333' class=' ays_position_initial ays-quiz-keyboard-label'>font-scale</label><label for='ays-answer-4109852-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024873'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg0OSI6IjEiLCI0MTA5ODUwIjoiMCIsIjQxMDk4NTEiOiIwIiwiNDEwOTg1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `font-size` được sử dụng để thiết lập kích thước phông chữ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024874' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Cho đoạn CSS:<br /> ```css<br /> input[type='radio']:checked + label {<br /> font-weight: bold;<br /> color: green;<br /> }<br /> ```<br /> Đoạn CSS này sẽ có tác dụng gì trên biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024874]' id='ays-answer-4109853-34333' value='4109853'/> <label for='ays-answer-4109853-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Làm in đậm và đổi màu xanh cho nút radio khi được chọn.</label><label for='ays-answer-4109853-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024874]' id='ays-answer-4109854-34333' value='4109854'/> <label for='ays-answer-4109854-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Làm in đậm và đổi màu xanh cho nhãn của tất cả các nút radio.</label><label for='ays-answer-4109854-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024874]' id='ays-answer-4109855-34333' value='4109855'/> <label for='ays-answer-4109855-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Làm in đậm và đổi màu xanh cho nút radio khi rê chuột qua nhãn của nó.</label><label for='ays-answer-4109855-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024874]' id='ays-answer-4109856-34333' value='4109856'/> <label for='ays-answer-4109856-34333' class=' ays_position_initial ays-quiz-keyboard-label'>Làm in đậm và đổi màu xanh cho nhãn của nút radio khi nút radio đó được chọn.</label><label for='ays-answer-4109856-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024874'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg1MyI6IjAiLCI0MTA5ODU0IjoiMCIsIjQxMDk4NTUiOiIwIiwiNDEwOTg1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `+ label` chọn thẻ `label` ngay sau phần tử được chọn trước đó. Pseudo-class `:checked` chọn input radio đã được chọn. Kết hợp lại, nó định kiểu cho nhãn liên kết trực tiếp với nút radio được chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024875' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn đặt một ảnh nền mờ cho toàn bộ biểu mẫu. Thuộc tính CSS nào được sử dụng để thiết lập ảnh nền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024875]' id='ays-answer-4109857-34333' value='4109857'/> <label for='ays-answer-4109857-34333' class=' ays_position_initial ays-quiz-keyboard-label'>image-source</label><label for='ays-answer-4109857-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024875]' id='ays-answer-4109858-34333' value='4109858'/> <label for='ays-answer-4109858-34333' class=' ays_position_initial ays-quiz-keyboard-label'>background-image</label><label for='ays-answer-4109858-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024875]' id='ays-answer-4109859-34333' value='4109859'/> <label for='ays-answer-4109859-34333' class=' ays_position_initial ays-quiz-keyboard-label'>src-image</label><label for='ays-answer-4109859-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024875]' id='ays-answer-4109860-34333' value='4109860'/> <label for='ays-answer-4109860-34333' class=' ays_position_initial ays-quiz-keyboard-label'>list-style-image</label><label for='ays-answer-4109860-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024875'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg1NyI6IjAiLCI0MTA5ODU4IjoiMSIsIjQxMDk4NTkiOiIwIiwiNDEwOTg2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `background-image` được sử dụng để đặt ảnh làm nền cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1024876' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Để đảm bảo rằng văn bản nhập vào các ô văn bản không bị tràn ra ngoài nếu quá dài, bạn có thể sử dụng thuộc tính nào để xử lý overflow theo chiều ngang?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024876]' id='ays-answer-4109861-34333' value='4109861'/> <label for='ays-answer-4109861-34333' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4109861-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024876]' id='ays-answer-4109862-34333' value='4109862'/> <label for='ays-answer-4109862-34333' class=' ays_position_initial ays-quiz-keyboard-label'>text-overflow: clip;</label><label for='ays-answer-4109862-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024876]' id='ays-answer-4109863-34333' value='4109863'/> <label for='ays-answer-4109863-34333' class=' ays_position_initial ays-quiz-keyboard-label'>word-wrap: break-word;</label><label for='ays-answer-4109863-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1024876]' id='ays-answer-4109864-34333' value='4109864'/> <label for='ays-answer-4109864-34333' class=' ays_position_initial ays-quiz-keyboard-label'>white-space: nowrap;</label><label for='ays-answer-4109864-34333' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34333 === 'undefined'){ window.quizOptions_34333 = []; } window.quizOptions_34333['1024876'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwOTg2MSI6IjEiLCI0MTA5ODYyIjoiMCIsIjQxMDk4NjMiOiIwIiwiNDEwOTg2NCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_34333" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_34333" style="display:none" data-id="30" data-quiz_id="34333"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_34333" maxlength="10" /> <input type="hidden" value="" id="kw-id_34333" /> <a id="submit_kw_hub_34333" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_34333" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_34333" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_34333"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_34333" id="kw_get_pass_34333" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_34333">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_34333" style="display:none"> <input type="hidden" value="34333" name="current_active_quiz_id" id="current_active_quiz_id_34333" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_34333'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `overflow` kiểm soát cách nội dung bị tràn ra khỏi phần tử. Giá trị `hidden` sẽ cắt bỏ phần nội dung bị tràn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-34333 * { box-sizing: border-box; } #ays-quiz-container-34333 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-34333 #ays_finish_quiz_34333 { } /* Styles for Quiz container */ #ays-quiz-container-34333{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-34333 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-34333 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-34333.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-34333.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-34333 #ays_finish_quiz_34333 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-34333.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container p, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-34333.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-34333 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-34333 .ays-quiz-password-message-box, #ays-quiz-container-34333 .ays-quiz-question-note-message-box, #ays-quiz-container-34333 .ays_quiz_question, #ays-quiz-container-34333 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-34333 textarea, #ays-quiz-container-34333 input::first-letter, #ays-quiz-container-34333 select::first-letter, #ays-quiz-container-34333 option::first-letter { color: initial !important; } #ays-quiz-container-34333 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-34333 .select2-container, #ays-quiz-container-34333 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-34333 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-34333 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-34333 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-34333 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-34333 .ays-questions-container .ays-field, div#ays-quiz-container-34333 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-34333 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-34333 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-34333 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-34333 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-34333 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-34333 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-34333 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-34333 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-34333 .information_form input[type='text'], #ays-quiz-container-34333 .information_form input[type='url'], #ays-quiz-container-34333 .information_form input[type='number'], #ays-quiz-container-34333 .information_form input[type='email'], #ays-quiz-container-34333 .information_form input[type='tel'], #ays-quiz-container-34333 .information_form textarea, #ays-quiz-container-34333 .information_form select, #ays-quiz-container-34333 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-34333 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-34333 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-34333 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-34333 .right_answer_text{ color:#33cc33; } #ays-quiz-container-34333 .right_answer_text p { font-size:16px; } #ays-quiz-container-34333 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-34333 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-34333 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34333 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34333 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34333 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34333 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34333 .ays_cb_and_a, #ays-quiz-container-34333 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-34333 iframe { /*min-height: 450px;*/ } #ays-quiz-container-34333 label.ays_for_checkbox, #ays-quiz-container-34333 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-34333 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-34333 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-34333 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-34333 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-34333 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-34333 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-34333 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-34333 div.lds-spinner, #ays-quiz-container-34333 div.lds-spinner2 { color: #000000; } #ays-quiz-container-34333 div.lds-spinner div:after, #ays-quiz-container-34333 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-34333 .lds-circle, #ays-quiz-container-34333 .lds-facebook div, #ays-quiz-container-34333 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-34333 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-34333 .lds-dual-ring::after, #ays-quiz-container-34333 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-34333 .ui.rating .icon, #ays-quiz-container-34333 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-34333 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-34333 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-34333 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-34333 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-34333 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-34333 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-34333 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-34333 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-34333 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-34333 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-34333 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-34333 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-34333 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-34333 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-34333 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-34333 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-34333 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-34333 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-34333 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-34333 div.ays-quiz-redirection-timer, #ays-quiz-container-34333 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-34333 div.ays-quiz-after-timer * , #ays-quiz-container-34333 div.ays-quiz-redirection-timer *, #ays-quiz-container-34333 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-34333 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-34333 input#ays-submit, #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button, #ays-quiz-container-34333 #ays_finish_quiz_34333 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-34333 #ays_finish_quiz_34333 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button.ays_restart_button, #ays-quiz-container-34333 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34333 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-34333 input#ays-submit, #ays-quiz-container-34333 #ays_finish_quiz_34333 input.action-button, #ays-quiz-container-34333 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34333 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34333 input#ays-submit:hover, #ays-quiz-container-34333 input#ays-submit:focus, #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button:hover, #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button:focus, #ays-quiz-container-34333 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-34333 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-34333 .ays_restart_button { color: #ffffff; } #ays-quiz-container-34333 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-34333 .ays_buttons_div { justify-content: center; } #ays-quiz-container-34333 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-34333 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-34333 input[type='button'], #ays-quiz-container-34333 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-34333 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-34333 input[type='button']:focus-visible, div#ays-quiz-container-34333 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_early_finish.action-button[disabled], #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-34333 #ays_finish_quiz_34333 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-34333 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-34333 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-34333 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-34333.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-34333 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-34333 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34333 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-34333 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-34333 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-34333 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-34333 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-34333 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-34333 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-34333 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-34333 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-34333 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-34333 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-34333 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-34333 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-34333 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34333 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-34333 .ays-field .select2-container--default, #ays-quiz-container-34333 .ays-field .select2-container--default .selection, #ays-quiz-container-34333 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-34333 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-34333 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-34333 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-34333 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-34333 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-34333 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-34333 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-34333 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-34333 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-34333 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-34333 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-34333 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-34333 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-34333 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-34333 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-34333 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-34333 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-34333 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34333 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34333 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-34333.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-34333.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-34333 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-34333 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-34333 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-34333 label[for^='ays-answer']:before, #ays-quiz-container-34333 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-34333 .ays_question_report { text-align: right; } div#ays-quiz-container-34333 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-34333 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-34333.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-34333.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-34333.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-34333.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-34333.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-34333.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-34333 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-34333.ays_quiz_classic_dark .correct_div, #ays-quiz-container-34333.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-34333.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-34333.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-34333.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-34333.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34333.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-34333.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34333 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-34333 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-34333 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-34333 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-34333 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-34333 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-34333 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-34333.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-34333.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-34333 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-34333 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-34333 .ays-quiz-personality-result-box div:before, #ays-quiz-container-34333 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-34333 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-34333 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-34333 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-34333 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-34333 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-34333 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-34333 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-34333 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-34333 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-34333 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-34333 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-34333 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-34333 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-34333{ max-width: 100%; } div#ays-quiz-container-34333 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-34333.ays_quiz_modern_light .step, div#ays-quiz-container-34333.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-34333.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-34333.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-34333.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-34333.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-34333 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-34333 .select2-container, div#ays-quiz-container-34333 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-34333 input#ays-submit, div#ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button, div#ays-quiz-container-34333 #ays_finish_quiz_34333 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button.ays_restart_button, #ays-quiz-container-34333 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34333 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-34333 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-34333 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-34333 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-34333 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-34333 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-34333 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34333 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-34333 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-34333 p { margin: 0.625em; } #ays-quiz-container-34333.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-34333.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-34333 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-34333.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-34333 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button:hover, #ays-quiz-container-34333 #ays_finish_quiz_34333 .action-button:focus, #ays-quiz-container-34333 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-34333 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['34333'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNDMzMyIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiIxMDI0ODQ3LDEwMjQ4NDgsMTAyNDg0OSwxMDI0ODUwLDEwMjQ4NTEsMTAyNDg1MiwxMDI0ODUzLDEwMjQ4NTQsMTAyNDg1NSwxMDI0ODU2LDEwMjQ4NTcsMTAyNDg1OCwxMDI0ODU5LDEwMjQ4NjAsMTAyNDg2MSwxMDI0ODYyLDEwMjQ4NjMsMTAyNDg2NCwxMDI0ODY1LDEwMjQ4NjYsMTAyNDg2NywxMDI0ODY4LDEwMjQ4NjksMTAyNDg3MCwxMDI0ODcxLDEwMjQ4NzIsMTAyNDg3MywxMDI0ODc0LDEwMjQ4NzUsMTAyNDg3NiIsIm9yZGVyaW5nIjoiMzQzMzMiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='34333'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_34333' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-35271'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_35271' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 09</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='35271'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='1052895,1052896,1052897,1052898,1052899,1052900,1052901,1052902,1052903,1052904,1052905,1052906,1052907,1052908,1052909,1052910,1052911,1052912,1052913,1052914,1052915,1052916,1052917,1052918,1052919,1052920,1052921,1052922,1052923,1052924'> </div> </div><div class='step ' data-question-id='1052895' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để áp dụng kiểu CSS cho tất cả các hộp văn bản nhập liệu kiểu 'text' trong biểu mẫu của bạn, bộ chọn CSS nào sau đây là đúng và hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052895]' id='ays-answer-4218893-35271' value='4218893'/> <label for='ays-answer-4218893-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input.text</label><label for='ays-answer-4218893-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052895]' id='ays-answer-4218894-35271' value='4218894'/> <label for='ays-answer-4218894-35271' class=' ays_position_initial ays-quiz-keyboard-label'>.text-input</label><label for='ays-answer-4218894-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052895]' id='ays-answer-4218895-35271' value='4218895'/> <label for='ays-answer-4218895-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"]</label><label for='ays-answer-4218895-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052895]' id='ays-answer-4218896-35271' value='4218896'/> <label for='ays-answer-4218896-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:text</label><label for='ays-answer-4218896-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052895'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODg5MyI6IjAiLCI0MjE4ODk0IjoiMCIsIjQyMTg4OTUiOiIxIiwiNDIxODg5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về cách sử dụng bộ chọn thuộc tính trong CSS để nhắm mục tiêu vào các phần tử input dựa trên giá trị của thuộc tính `type`. Bộ chọn `input[type="text"]` chọn chính xác tất cả các thẻ `<input>` có thuộc tính `type` bằng 'text'.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052896' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn thêm khoảng trống 10 pixel *bên trong* mỗi hộp văn bản (`<input type="text">`) để nội dung không bị dính sát vào đường viền. Thuộc tính CSS nào sau đây bạn cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052896]' id='ays-answer-4218897-35271' value='4218897'/> <label for='ays-answer-4218897-35271' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4218897-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052896]' id='ays-answer-4218898-35271' value='4218898'/> <label for='ays-answer-4218898-35271' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4218898-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052896]' id='ays-answer-4218899-35271' value='4218899'/> <label for='ays-answer-4218899-35271' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-4218899-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052896]' id='ays-answer-4218900-35271' value='4218900'/> <label for='ays-answer-4218900-35271' class=' ays_position_initial ays-quiz-keyboard-label'>space-inner</label><label for='ays-answer-4218900-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052896'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODg5NyI6IjEiLCI0MjE4ODk4IjoiMCIsIjQyMTg4OTkiOiIwIiwiNDIxODkwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về Box Model trong CSS. `padding` được sử dụng để tạo khoảng trống giữa nội dung của một phần tử và đường viền của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052897' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để làm nổi bật hộp văn bản khi người dùng nhấp chuột hoặc sử dụng phím Tab để di chuyển đến, tạo ra một đường viền khác biệt xung quanh nó *mà không làm thay đổi kích thước hay bố cục* của hộp, bạn nên sử dụng thuộc tính và giả lớp (pseudo-class) nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052897]' id='ays-answer-4218901-35271' value='4218901'/> <label for='ays-answer-4218901-35271' class=' ays_position_initial ays-quiz-keyboard-label'>border với :hover</label><label for='ays-answer-4218901-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052897]' id='ays-answer-4218902-35271' value='4218902'/> <label for='ays-answer-4218902-35271' class=' ays_position_initial ays-quiz-keyboard-label'>margin với :active</label><label for='ays-answer-4218902-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052897]' id='ays-answer-4218903-35271' value='4218903'/> <label for='ays-answer-4218903-35271' class=' ays_position_initial ays-quiz-keyboard-label'>background-color với :selected</label><label for='ays-answer-4218903-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052897]' id='ays-answer-4218904-35271' value='4218904'/> <label for='ays-answer-4218904-35271' class=' ays_position_initial ays-quiz-keyboard-label'>outline với :focus</label><label for='ays-answer-4218904-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052897'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkwMSI6IjAiLCI0MjE4OTAyIjoiMCIsIjQyMTg5MDMiOiIwIiwiNDIxODkwNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về giả lớp `:focus` và thuộc tính `outline`. Giả lớp `:focus` áp dụng kiểu khi phần tử nhận được sự tập trung (focus). Thuộc tính `outline` tạo ra một đường viền xung quanh phần tử *ngoài* đường viền thông thường (`border`) và không chiếm không gian trong bố cục.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052898' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn có một nút gửi biểu mẫu (`<input type="submit">`). Để thay đổi màu nền của nút này khi con trỏ chuột di chuyển qua nó, bạn cần kết hợp bộ chọn phần tử, thuộc tính và giả lớp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052898]' id='ays-answer-4218905-35271' value='4218905'/> <label for='ays-answer-4218905-35271' class=' ays_position_initial ays-quiz-keyboard-label'>button:focus { color: blue; }</label><label for='ays-answer-4218905-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052898]' id='ays-answer-4218906-35271' value='4218906'/> <label for='ays-answer-4218906-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="submit"]:hover { background-color: lightblue; }</label><label for='ays-answer-4218906-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052898]' id='ays-answer-4218907-35271' value='4218907'/> <label for='ays-answer-4218907-35271' class=' ays_position_initial ays-quiz-keyboard-label'>.submit-button:active { border: 1px solid red; }</label><label for='ays-answer-4218907-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052898]' id='ays-answer-4218908-35271' value='4218908'/> <label for='ays-answer-4218908-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:checked { background-color: yellow; }</label><label for='ays-answer-4218908-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052898'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkwNSI6IjAiLCI0MjE4OTA2IjoiMSIsIjQyMTg5MDciOiIwIiwiNDIxODkwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu kết hợp bộ chọn thuộc tính (`input[type="submit"]`) để nhắm mục tiêu nút gửi, thuộc tính `background-color` để thay đổi màu nền, và giả lớp `:hover` để áp dụng kiểu khi con trỏ chuột nằm trên phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052899' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Trong thiết kế biểu mẫu, bạn muốn mỗi cặp Nhãn (<label>) và Hộp văn bản (<input type="text">) hiển thị trên một dòng riêng biệt theo chiều dọc. Cách phổ biến và hiệu quả nhất để làm cho thẻ `<label>` chiếm toàn bộ chiều rộng có sẵn và đẩy phần tử tiếp theo xuống dòng là sử dụng thuộc tính `display` với giá trị nào cho thẻ `<label>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052899]' id='ays-answer-4218909-35271' value='4218909'/> <label for='ays-answer-4218909-35271' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4218909-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052899]' id='ays-answer-4218910-35271' value='4218910'/> <label for='ays-answer-4218910-35271' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4218910-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052899]' id='ays-answer-4218911-35271' value='4218911'/> <label for='ays-answer-4218911-35271' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4218911-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052899]' id='ays-answer-4218912-35271' value='4218912'/> <label for='ays-answer-4218912-35271' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4218912-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052899'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkwOSI6IjAiLCI0MjE4OTEwIjoiMCIsIjQyMTg5MTEiOiIxIiwiNDIxODkxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng áp dụng thuộc tính `display` để kiểm soát bố cục. Đặt `display: block` cho thẻ `<label>` biến nó thành một phần tử cấp khối, chiếm toàn bộ chiều rộng của phần tử chứa nó và bắt đầu trên một dòng mới, đẩy các phần tử cùng cấp khác xuống dòng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052900' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn đã đặt `width: 200px;` và `padding: 15px;` cho một hộp văn bản, và không sử dụng thuộc tính `box-sizing`. Chiều rộng *thực tế* của hộp văn bản trên trang sẽ là bao nhiêu pixel?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052900]' id='ays-answer-4218913-35271' value='4218913'/> <label for='ays-answer-4218913-35271' class=' ays_position_initial ays-quiz-keyboard-label'>200px</label><label for='ays-answer-4218913-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052900]' id='ays-answer-4218914-35271' value='4218914'/> <label for='ays-answer-4218914-35271' class=' ays_position_initial ays-quiz-keyboard-label'>215px</label><label for='ays-answer-4218914-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052900]' id='ays-answer-4218915-35271' value='4218915'/> <label for='ays-answer-4218915-35271' class=' ays_position_initial ays-quiz-keyboard-label'>200px + 15px</label><label for='ays-answer-4218915-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052900]' id='ays-answer-4218916-35271' value='4218916'/> <label for='ays-answer-4218916-35271' class=' ays_position_initial ays-quiz-keyboard-label'>230px</label><label for='ays-answer-4218916-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052900'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkxMyI6IjAiLCI0MjE4OTE0IjoiMCIsIjQyMTg5MTUiOiIwIiwiNDIxODkxNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về Box Model mặc định (content-box). Theo mô hình mặc định, `width` chỉ áp dụng cho phần nội dung (content). `padding` và `border` (nếu có) được cộng thêm vào chiều rộng đã đặt. Chiều rộng thực tế = width + 2 * padding + 2 * border. Với padding 15px ở hai bên, tổng chiều rộng thực tế = 200px (content) + 15px (padding trái) + 15px (padding phải) = 230px. (Giả định border = 0 nếu không nói rõ).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052901' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Để ngăn người dùng thay đổi kích thước (kéo giãn) của một vùng văn bản (`<textarea>`) bằng cách kéo góc dưới bên phải, bạn nên áp dụng thuộc tính CSS nào cho phần tử `<textarea>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052901]' id='ays-answer-4218917-35271' value='4218917'/> <label for='ays-answer-4218917-35271' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-4218917-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052901]' id='ays-answer-4218918-35271' value='4218918'/> <label for='ays-answer-4218918-35271' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4218918-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052901]' id='ays-answer-4218919-35271' value='4218919'/> <label for='ays-answer-4218919-35271' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: none;</label><label for='ays-answer-4218919-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052901]' id='ays-answer-4218920-35271' value='4218920'/> <label for='ays-answer-4218920-35271' class=' ays_position_initial ays-quiz-keyboard-label'>draggable: false;</label><label for='ays-answer-4218920-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052901'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkxNyI6IjEiLCI0MjE4OTE4IjoiMCIsIjQyMTg5MTkiOiIwIiwiNDIxODkyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `resize`. Thuộc tính `resize` kiểm soát khả năng thay đổi kích thước của phần tử `<textarea>`. Giá trị `none` sẽ vô hiệu hóa khả năng này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052902' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn áp dụng cùng một kiểu viền cho tất cả các loại input nhập liệu dạng văn bản (`type="text"`, `type="password"`) và cả vùng văn bản (`<textarea>`). Bộ chọn CSS kết hợp nào sau đây thực hiện được điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052902]' id='ays-answer-4218921-35271' value='4218921'/> <label for='ays-answer-4218921-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text", "password"], textarea</label><label for='ays-answer-4218921-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052902]' id='ays-answer-4218922-35271' value='4218922'/> <label for='ays-answer-4218922-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] input[type="password"] textarea</label><label for='ays-answer-4218922-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052902]' id='ays-answer-4218923-35271' value='4218923'/> <label for='ays-answer-4218923-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], input[type="password"], textarea</label><label for='ays-answer-4218923-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052902]' id='ays-answer-4218924-35271' value='4218924'/> <label for='ays-answer-4218924-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] and input[type="password"] and textarea</label><label for='ays-answer-4218924-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052902'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkyMSI6IjAiLCI0MjE4OTIyIjoiMCIsIjQyMTg5MjMiOiIxIiwiNDIxODkyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng sử dụng bộ chọn nhóm (grouping selector) và bộ chọn thuộc tính. Sử dụng dấu phẩy (`,`) để nhóm nhiều bộ chọn lại với nhau, áp dụng cùng một khối khai báo kiểu cho tất cả các phần tử được chọn bởi các bộ chọn con.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052903' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Giả sử bạn có một nút nhấn (`<button>`). Để thay đổi màu chữ của nút thành màu trắng khi con trỏ chuột nằm trên nó, bạn sẽ sử dụng thuộc tính và giả lớp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052903]' id='ays-answer-4218925-35271' value='4218925'/> <label for='ays-answer-4218925-35271' class=' ays_position_initial ays-quiz-keyboard-label'>color với :hover</label><label for='ays-answer-4218925-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052903]' id='ays-answer-4218926-35271' value='4218926'/> <label for='ays-answer-4218926-35271' class=' ays_position_initial ays-quiz-keyboard-label'>background-color với :hover</label><label for='ays-answer-4218926-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052903]' id='ays-answer-4218927-35271' value='4218927'/> <label for='ays-answer-4218927-35271' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration với :focus</label><label for='ays-answer-4218927-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052903]' id='ays-answer-4218928-35271' value='4218928'/> <label for='ays-answer-4218928-35271' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight với :active</label><label for='ays-answer-4218928-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052903'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkyNSI6IjEiLCI0MjE4OTI2IjoiMCIsIjQyMTg5MjciOiIwIiwiNDIxODkyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng giả lớp `:hover` cho thẻ `<button>` và thuộc tính `color` để thay đổi màu chữ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052904' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn làm cho các nút tròn (`<input type="radio">`) hiển thị một đường viền màu xanh lá cây khi chúng được chọn. Bộ chọn và giả lớp nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052904]' id='ays-answer-4218929-35271' value='4218929'/> <label for='ays-answer-4218929-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:selected</label><label for='ays-answer-4218929-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052904]' id='ays-answer-4218930-35271' value='4218930'/> <label for='ays-answer-4218930-35271' class=' ays_position_initial ays-quiz-keyboard-label'>radio:active</label><label for='ays-answer-4218930-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052904]' id='ays-answer-4218931-35271' value='4218931'/> <label for='ays-answer-4218931-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:checked</label><label for='ays-answer-4218931-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052904]' id='ays-answer-4218932-35271' value='4218932'/> <label for='ays-answer-4218932-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked</label><label for='ays-answer-4218932-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052904'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkyOSI6IjAiLCI0MjE4OTMwIjoiMCIsIjQyMTg5MzEiOiIwIiwiNDIxODkzMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách định kiểu cho các phần tử biểu mẫu ở trạng thái được chọn. Giả lớp `:checked` được sử dụng cho các nút radio và hộp kiểm khi chúng ở trạng thái được chọn. Kết hợp với bộ chọn thuộc tính `input[type="radio"]` để chỉ nhắm mục tiêu vào nút radio.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052905' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Sự khác biệt chính giữa thuộc tính `border` và `outline` khi được sử dụng để định kiểu cho trạng thái `:focus` của một hộp văn bản là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052905]' id='ays-answer-4218933-35271' value='4218933'/> <label for='ays-answer-4218933-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Border không ảnh hưởng đến bố cục, outline thì có.</label><label for='ays-answer-4218933-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052905]' id='ays-answer-4218934-35271' value='4218934'/> <label for='ays-answer-4218934-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Outline không ảnh hưởng đến bố cục, border thì có.</label><label for='ays-answer-4218934-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052905]' id='ays-answer-4218935-35271' value='4218935'/> <label for='ays-answer-4218935-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Cả border và outline đều không ảnh hưởng đến bố cục.</label><label for='ays-answer-4218935-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052905]' id='ays-answer-4218936-35271' value='4218936'/> <label for='ays-answer-4218936-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Cả border và outline đều ảnh hưởng đến bố cục.</label><label for='ays-answer-4218936-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052905'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkzMyI6IjAiLCI0MjE4OTM0IjoiMSIsIjQyMTg5MzUiOiIwIiwiNDIxODkzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết sâu hơn về Box Model và cách hiển thị của `outline`. `border` là một phần của Box Model và chiếm không gian, làm thay đổi kích thước và bố cục. `outline` được vẽ *ngoài* đường viền và không ảnh hưởng đến kích thước hay bố cục của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052906' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn áp dụng một kiểu đặc biệt (ví dụ: màu nền xám nhạt) cho các trường nhập liệu (`<input>`, `<textarea>`, `<select>`) khi chúng bị vô hiệu hóa (có thuộc tính `disabled` trong HTML). Giả lớp CSS nào sau đây bạn cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052906]' id='ays-answer-4218937-35271' value='4218937'/> <label for='ays-answer-4218937-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-4218937-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052906]' id='ays-answer-4218938-35271' value='4218938'/> <label for='ays-answer-4218938-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:unchecked</label><label for='ays-answer-4218938-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052906]' id='ays-answer-4218939-35271' value='4218939'/> <label for='ays-answer-4218939-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-4218939-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052906]' id='ays-answer-4218940-35271' value='4218940'/> <label for='ays-answer-4218940-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:read-only</label><label for='ays-answer-4218940-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052906'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODkzNyI6IjAiLCI0MjE4OTM4IjoiMCIsIjQyMTg5MzkiOiIxIiwiNDIxODk0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về giả lớp `:disabled`. Giả lớp này được sử dụng để chọn các phần tử biểu mẫu đã bị vô hiệu hóa.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052907' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để đảm bảo rằng tổng chiều rộng của một hộp văn bản luôn bằng giá trị đã đặt cho thuộc tính `width`, bất kể giá trị của `padding` và `border`, bạn nên sử dụng thuộc tính nào với giá trị thích hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052907]' id='ays-answer-4218941-35271' value='4218941'/> <label for='ays-answer-4218941-35271' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: border-box;</label><label for='ays-answer-4218941-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052907]' id='ays-answer-4218942-35271' value='4218942'/> <label for='ays-answer-4218942-35271' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto;</label><label for='ays-answer-4218942-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052907]' id='ays-answer-4218943-35271' value='4218943'/> <label for='ays-answer-4218943-35271' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4218943-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052907]' id='ays-answer-4218944-35271' value='4218944'/> <label for='ays-answer-4218944-35271' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline-block;</label><label for='ays-answer-4218944-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052907'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk0MSI6IjEiLCI0MjE4OTQyIjoiMCIsIjQyMTg5NDMiOiIwIiwiNDIxODk0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng áp dụng thuộc tính `box-sizing` để thay đổi cách tính toán Box Model. Với `box-sizing: border-box`, `padding` và `border` sẽ được tính gộp vào trong `width` và `height` đã khai báo, giúp kiểm soát kích thước phần tử dễ dàng hơn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052908' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn có một nhóm các nút radio liên quan. Để tạo một đường viền và tiêu đề cho nhóm này theo ngữ nghĩa HTML, bạn sử dụng thẻ `</p> <fieldset>` và `</p> <legend>`. Bộ chọn CSS nào sau đây sẽ nhắm mục tiêu chính xác vào đường viền xung quanh nhóm (được tạo bởi thẻ `</p> <fieldset>`)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052908]' id='ays-answer-4218945-35271' value='4218945'/> <label for='ays-answer-4218945-35271' class=' ays_position_initial ays-quiz-keyboard-label'>.fieldset</label><label for='ays-answer-4218945-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052908]' id='ays-answer-4218946-35271' value='4218946'/> <label for='ays-answer-4218946-35271' class=' ays_position_initial ays-quiz-keyboard-label'>fieldset</label><label for='ays-answer-4218946-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052908]' id='ays-answer-4218947-35271' value='4218947'/> <label for='ays-answer-4218947-35271' class=' ays_position_initial ays-quiz-keyboard-label'>#fieldset</label><label for='ays-answer-4218947-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052908]' id='ays-answer-4218948-35271' value='4218948'/> <label for='ays-answer-4218948-35271' class=' ays_position_initial ays-quiz-keyboard-label'>group</label><label for='ays-answer-4218948-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052908'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk0NSI6IjAiLCI0MjE4OTQ2IjoiMSIsIjQyMTg5NDciOiIwIiwiNDIxODk0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách chọn thẻ `</p> <fieldset>` để định kiểu. Thẻ `</p> <fieldset>` là một phần tử HTML tiêu chuẩn và có thể được chọn trực tiếp bằng tên thẻ trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052909' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn tạo khoảng cách 15 pixel *bên ngoài* phía dưới của mỗi hộp văn bản và vùng văn bản trong biểu mẫu. Thuộc tính CSS nào sau đây là phù hợp nhất để thêm khoảng trống này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052909]' id='ays-answer-4218949-35271' value='4218949'/> <label for='ays-answer-4218949-35271' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom</label><label for='ays-answer-4218949-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052909]' id='ays-answer-4218950-35271' value='4218950'/> <label for='ays-answer-4218950-35271' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom</label><label for='ays-answer-4218950-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052909]' id='ays-answer-4218951-35271' value='4218951'/> <label for='ays-answer-4218951-35271' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom</label><label for='ays-answer-4218951-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052909]' id='ays-answer-4218952-35271' value='4218952'/> <label for='ays-answer-4218952-35271' class=' ays_position_initial ays-quiz-keyboard-label'>space-after</label><label for='ays-answer-4218952-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052909'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk0OSI6IjAiLCI0MjE4OTUwIjoiMCIsIjQyMTg5NTEiOiIxIiwiNDIxODk1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về Box Model. `margin` được sử dụng để tạo khoảng trống *bên ngoài* đường viền của một phần tử. `margin-bottom` cụ thể tạo khoảng trống phía dưới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052910' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn đang định kiểu cho một nút nhấn (`<button>`). Bạn muốn khi người dùng nhấn và giữ chuột trên nút, màu nền của nút sẽ chuyển sang màu xanh lá cây đậm. Giả lớp CSS nào bạn cần sử dụng để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052910]' id='ays-answer-4218953-35271' value='4218953'/> <label for='ays-answer-4218953-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4218953-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052910]' id='ays-answer-4218954-35271' value='4218954'/> <label for='ays-answer-4218954-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4218954-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052910]' id='ays-answer-4218955-35271' value='4218955'/> <label for='ays-answer-4218955-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4218955-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052910]' id='ays-answer-4218956-35271' value='4218956'/> <label for='ays-answer-4218956-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:pressed</label><label for='ays-answer-4218956-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052910'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk1MyI6IjEiLCI0MjE4OTU0IjoiMCIsIjQyMTg5NTUiOiIwIiwiNDIxODk1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về giả lớp `:active`. Giả lớp `:active` được sử dụng để định kiểu cho một phần tử (thường là liên kết hoặc nút) khi nó đang được kích hoạt bởi người dùng (ví dụ: khi nhấn và giữ chuột).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052911' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi áp dụng kiểu cho các thành phần biểu mẫu, việc đặt `display: block;` cho các trường nhập liệu như `<input type="text">` thay vì giữ nguyên giá trị mặc định (`inline-block`) có thể mang lại lợi ích gì trong bố cục theo chiều dọc?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052911]' id='ays-answer-4218957-35271' value='4218957'/> <label for='ays-answer-4218957-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Các trường nhập liệu sẽ nằm cạnh nhau trên cùng một dòng.</label><label for='ays-answer-4218957-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052911]' id='ays-answer-4218958-35271' value='4218958'/> <label for='ays-answer-4218958-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi trường nhập liệu sẽ nằm trên một dòng riêng biệt.</label><label for='ays-answer-4218958-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052911]' id='ays-answer-4218959-35271' value='4218959'/> <label for='ays-answer-4218959-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Các trường nhập liệu sẽ nổi sang trái hoặc phải.</label><label for='ays-answer-4218959-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052911]' id='ays-answer-4218960-35271' value='4218960'/> <label for='ays-answer-4218960-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước của trường nhập liệu sẽ tự động điều chỉnh theo nội dung.</label><label for='ays-answer-4218960-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052911'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk1NyI6IjAiLCI0MjE4OTU4IjoiMSIsIjQyMTg5NTkiOiIwIiwiNDIxODk2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích tác động của thuộc tính `display`. Khi đặt `display: block`, phần tử sẽ chiếm toàn bộ chiều rộng của phần tử cha và luôn bắt đầu trên một dòng mới, giúp các trường nhập liệu tự động xếp chồng lên nhau theo chiều dọc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052912' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn áp dụng một kiểu viền màu đỏ chỉ cho các hộp kiểm (`<input type="checkbox">`) *chưa* được chọn. Bộ chọn CSS nào sau đây thực hiện được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052912]' id='ays-answer-4218961-35271' value='4218961'/> <label for='ays-answer-4218961-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:unchecked</label><label for='ays-answer-4218961-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052912]' id='ays-answer-4218962-35271' value='4218962'/> <label for='ays-answer-4218962-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:disabled</label><label for='ays-answer-4218962-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052912]' id='ays-answer-4218963-35271' value='4218963'/> <label for='ays-answer-4218963-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="checkbox"]:not(:checked)</label><label for='ays-answer-4218963-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052912]' id='ays-answer-4218964-35271' value='4218964'/> <label for='ays-answer-4218964-35271' class=' ays_position_initial ays-quiz-keyboard-label'>checkbox:inactive</label><label for='ays-answer-4218964-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052912'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk2MSI6IjAiLCI0MjE4OTYyIjoiMCIsIjQyMTg5NjMiOiIxIiwiNDIxODk2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng giả lớp phủ định `:not()` kết hợp với giả lớp trạng thái `:checked` và bộ chọn thuộc tính. `input[type="checkbox"]` chọn hộp kiểm. `:not(:checked)` chọn những hộp kiểm *không* ở trạng thái `:checked`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052913' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Giả sử bạn có một đoạn CSS sau:<br /> ```css<br /> input[type="text"] {<br /> width: 250px;<br /> padding: 10px;<br /> border: 2px solid #ccc;<br /> box-sizing: border-box;<br /> }<br /> ```<br /> Chiều rộng *thực tế* của hộp văn bản này trên trang sẽ là bao nhiêu pixel?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052913]' id='ays-answer-4218965-35271' value='4218965'/> <label for='ays-answer-4218965-35271' class=' ays_position_initial ays-quiz-keyboard-label'>250px</label><label for='ays-answer-4218965-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052913]' id='ays-answer-4218966-35271' value='4218966'/> <label for='ays-answer-4218966-35271' class=' ays_position_initial ays-quiz-keyboard-label'>250px + 10px</label><label for='ays-answer-4218966-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052913]' id='ays-answer-4218967-35271' value='4218967'/> <label for='ays-answer-4218967-35271' class=' ays_position_initial ays-quiz-keyboard-label'>250px + 2*10px + 2*2px</label><label for='ays-answer-4218967-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052913]' id='ays-answer-4218968-35271' value='4218968'/> <label for='ays-answer-4218968-35271' class=' ays_position_initial ays-quiz-keyboard-label'>250px - 2*10px - 2*2px</label><label for='ays-answer-4218968-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052913'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk2NSI6IjEiLCI0MjE4OTY2IjoiMCIsIjQyMTg5NjciOiIwIiwiNDIxODk2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích tác động của `box-sizing: border-box`. Với giá trị này, `width` đã khai báo (250px) sẽ bao gồm cả `padding` và `border`. Do đó, chiều rộng thực tế của phần tử sẽ đúng bằng giá trị `width` đã đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052914' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn thiết lập màu chữ mặc định cho tất cả các trường nhập liệu văn bản, vùng văn bản và danh sách thả xuống trong biểu mẫu. Thuộc tính nào sau đây được sử dụng để thiết lập màu chữ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052914]' id='ays-answer-4218969-35271' value='4218969'/> <label for='ays-answer-4218969-35271' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-4218969-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052914]' id='ays-answer-4218970-35271' value='4218970'/> <label for='ays-answer-4218970-35271' class=' ays_position_initial ays-quiz-keyboard-label'>font-color</label><label for='ays-answer-4218970-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052914]' id='ays-answer-4218971-35271' value='4218971'/> <label for='ays-answer-4218971-35271' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-4218971-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052914]' id='ays-answer-4218972-35271' value='4218972'/> <label for='ays-answer-4218972-35271' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4218972-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052914'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk2OSI6IjAiLCI0MjE4OTcwIjoiMCIsIjQyMTg5NzEiOiIwIiwiNDIxODk3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `color`. Thuộc tính `color` trong CSS được sử dụng để thiết lập màu của văn bản.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052915' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn tạo hiệu ứng bóng đổ nhẹ (`box-shadow`) khi một trường nhập liệu nhận được sự tập trung (focus). Giả lớp và thuộc tính nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052915]' id='ays-answer-4218973-35271' value='4218973'/> <label for='ays-answer-4218973-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:hover với text-shadow</label><label for='ays-answer-4218973-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052915]' id='ays-answer-4218974-35271' value='4218974'/> <label for='ays-answer-4218974-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:focus với box-shadow</label><label for='ays-answer-4218974-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052915]' id='ays-answer-4218975-35271' value='4218975'/> <label for='ays-answer-4218975-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:active với outline</label><label for='ays-answer-4218975-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052915]' id='ays-answer-4218976-35271' value='4218976'/> <label for='ays-answer-4218976-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:checked với border-radius</label><label for='ays-answer-4218976-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052915'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk3MyI6IjAiLCI0MjE4OTc0IjoiMSIsIjQyMTg5NzUiOiIwIiwiNDIxODk3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu kết hợp giả lớp `:focus` để định kiểu khi phần tử được tập trung và thuộc tính `box-shadow` để thêm hiệu ứng bóng đổ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052916' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để làm cho các nút nhấn trong biểu mẫu có góc bo tròn thay vì góc vuông mặc định, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052916]' id='ays-answer-4218977-35271' value='4218977'/> <label for='ays-answer-4218977-35271' class=' ays_position_initial ays-quiz-keyboard-label'>corner-style</label><label for='ays-answer-4218977-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052916]' id='ays-answer-4218978-35271' value='4218978'/> <label for='ays-answer-4218978-35271' class=' ays_position_initial ays-quiz-keyboard-label'>border-style</label><label for='ays-answer-4218978-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052916]' id='ays-answer-4218979-35271' value='4218979'/> <label for='ays-answer-4218979-35271' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-4218979-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052916]' id='ays-answer-4218980-35271' value='4218980'/> <label for='ays-answer-4218980-35271' class=' ays_position_initial ays-quiz-keyboard-label'>outline-radius</label><label for='ays-answer-4218980-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052916'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk3NyI6IjAiLCI0MjE4OTc4IjoiMCIsIjQyMTg5NzkiOiIxIiwiNDIxODk4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `border-radius`. Thuộc tính này được sử dụng để làm tròn các góc của một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052917' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Giả sử bạn sử dụng thuộc tính `float: left;` cho một loạt các trường nhập liệu và nhãn để chúng nằm cạnh nhau trên cùng một dòng. Để đảm bảo phần tử tiếp theo (ví dụ: một đoạn văn bản) không bị ảnh hưởng bởi hiệu ứng float và bắt đầu trên một dòng mới bên dưới các phần tử đã float, bạn nên áp dụng thuộc tính nào cho phần tử tiếp theo đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052917]' id='ays-answer-4218981-35271' value='4218981'/> <label for='ays-answer-4218981-35271' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-4218981-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052917]' id='ays-answer-4218982-35271' value='4218982'/> <label for='ays-answer-4218982-35271' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4218982-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052917]' id='ays-answer-4218983-35271' value='4218983'/> <label for='ays-answer-4218983-35271' class=' ays_position_initial ays-quiz-keyboard-label'>position: relative;</label><label for='ays-answer-4218983-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052917]' id='ays-answer-4218984-35271' value='4218984'/> <label for='ays-answer-4218984-35271' class=' ays_position_initial ays-quiz-keyboard-label'>clear: both;</label><label for='ays-answer-4218984-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052917'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk4MSI6IjAiLCI0MjE4OTgyIjoiMCIsIjQyMTg5ODMiOiIwIiwiNDIxODk4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về cách xóa hiệu ứng float. Thuộc tính `clear` được sử dụng để chỉ định rằng một phần tử không được nằm cạnh các phần tử đã float ở bên trái (`left`), bên phải (`right`), hoặc cả hai bên (`both`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052918' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn áp dụng một kiểu viền đứt nét màu xám cho tất cả các trường nhập liệu và vùng văn bản khi chúng không bị vô hiệu hóa. Bộ chọn và thuộc tính nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052918]' id='ays-answer-4218985-35271' value='4218985'/> <label for='ays-answer-4218985-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(:disabled), textarea:not(:disabled) { border-style: dashed; border-color: gray; }</label><label for='ays-answer-4218985-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052918]' id='ays-answer-4218986-35271' value='4218986'/> <label for='ays-answer-4218986-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:enabled, textarea:enabled { border: dashed gray; }</label><label for='ays-answer-4218986-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052918]' id='ays-answer-4218987-35271' value='4218987'/> <label for='ays-answer-4218987-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(disabled), textarea:not(disabled) { outline: dashed gray; }</label><label for='ays-answer-4218987-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052918]' id='ays-answer-4218988-35271' value='4218988'/> <label for='ays-answer-4218988-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea:not(:disabled) { border-style: dashed; color: gray; }</label><label for='ays-answer-4218988-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052918'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk4NSI6IjEiLCI0MjE4OTg2IjoiMCIsIjQyMTg5ODciOiIwIiwiNDIxODk4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kết hợp chọn nhiều phần tử (`input, textarea`), sử dụng giả lớp phủ định `:not()` với `:disabled`, và áp dụng thuộc tính `border-style` và `border-color`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052919' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Để thay đổi màu nền của toàn bộ biểu mẫu (`</p> <form>`), bạn sẽ sử dụng thuộc tính CSS nào áp dụng cho bộ chọn `form`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052919]' id='ays-answer-4218989-35271' value='4218989'/> <label for='ays-answer-4218989-35271' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4218989-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052919]' id='ays-answer-4218990-35271' value='4218990'/> <label for='ays-answer-4218990-35271' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-4218990-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052919]' id='ays-answer-4218991-35271' value='4218991'/> <label for='ays-answer-4218991-35271' class=' ays_position_initial ays-quiz-keyboard-label'>form-color</label><label for='ays-answer-4218991-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052919]' id='ays-answer-4218992-35271' value='4218992'/> <label for='ays-answer-4218992-35271' class=' ays_position_initial ays-quiz-keyboard-label'>fill</label><label for='ays-answer-4218992-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052919'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk4OSI6IjAiLCI0MjE4OTkwIjoiMSIsIjQyMTg5OTEiOiIwIiwiNDIxODk5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về thuộc tính màu nền. Thuộc tính `background-color` được sử dụng để đặt màu nền cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052920' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn thiết lập chiều cao cho một vùng văn bản (`<textarea>`) mà không ảnh hưởng đến chiều rộng của nó. Thuộc tính nào sau đây bạn cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052920]' id='ays-answer-4218993-35271' value='4218993'/> <label for='ays-answer-4218993-35271' class=' ays_position_initial ays-quiz-keyboard-label'>width</label><label for='ays-answer-4218993-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052920]' id='ays-answer-4218994-35271' value='4218994'/> <label for='ays-answer-4218994-35271' class=' ays_position_initial ays-quiz-keyboard-label'>size</label><label for='ays-answer-4218994-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052920]' id='ays-answer-4218995-35271' value='4218995'/> <label for='ays-answer-4218995-35271' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-4218995-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052920]' id='ays-answer-4218996-35271' value='4218996'/> <label for='ays-answer-4218996-35271' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-4218996-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052920'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk5MyI6IjAiLCI0MjE4OTk0IjoiMCIsIjQyMTg5OTUiOiIwIiwiNDIxODk5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính kích thước. Thuộc tính `height` được sử dụng để thiết lập chiều cao của một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052921' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Giả sử bạn có một đoạn CSS sau:<br /> ```css<br /> input:disabled {<br /> opacity: 0.6;<br /> cursor: not-allowed;<br /> }<br /> ```<br /> Khi một trường nhập liệu bị vô hiệu hóa, hiệu ứng thị giác nào sẽ xảy ra do đoạn mã CSS này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052921]' id='ays-answer-4218997-35271' value='4218997'/> <label for='ays-answer-4218997-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Trường nhập liệu sẽ mờ đi và con trỏ chuột sẽ chuyển thành biểu tượng 'không cho phép'.</label><label for='ays-answer-4218997-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052921]' id='ays-answer-4218998-35271' value='4218998'/> <label for='ays-answer-4218998-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Trường nhập liệu sẽ biến mất hoàn toàn và không thể tương tác.</label><label for='ays-answer-4218998-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052921]' id='ays-answer-4218999-35271' value='4218999'/> <label for='ays-answer-4218999-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của trường nhập liệu sẽ thay đổi và con trỏ chuột không đổi.</label><label for='ays-answer-4218999-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052921]' id='ays-answer-4219000-35271' value='4219000'/> <label for='ays-answer-4219000-35271' class=' ays_position_initial ays-quiz-keyboard-label'>Văn bản trong trường nhập liệu sẽ bị gạch ngang.</label><label for='ays-answer-4219000-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052921'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxODk5NyI6IjEiLCI0MjE4OTk4IjoiMCIsIjQyMTg5OTkiOiIwIiwiNDIxOTAwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích tác động của thuộc tính `opacity` và `cursor`. `opacity: 0.6` làm cho phần tử trở nên hơi trong suốt (mờ đi). `cursor: not-allowed` thay đổi con trỏ chuột thành biểu tượng 'không cho phép' khi di chuyển qua phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052922' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Để áp dụng kiểu cho tất cả các phần tử `<input>`, `<select>`, và `<textarea>` trong biểu mẫu của bạn, bộ chọn CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052922]' id='ays-answer-4219001-35271' value='4219001'/> <label for='ays-answer-4219001-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input select textarea</label><label for='ays-answer-4219001-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052922]' id='ays-answer-4219002-35271' value='4219002'/> <label for='ays-answer-4219002-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input, select, textarea</label><label for='ays-answer-4219002-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052922]' id='ays-answer-4219003-35271' value='4219003'/> <label for='ays-answer-4219003-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input + select + textarea</label><label for='ays-answer-4219003-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052922]' id='ays-answer-4219004-35271' value='4219004'/> <label for='ays-answer-4219004-35271' class=' ays_position_initial ays-quiz-keyboard-label'>input > select > textarea</label><label for='ays-answer-4219004-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052922'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxOTAwMSI6IjAiLCI0MjE5MDAyIjoiMSIsIjQyMTkwMDMiOiIwIiwiNDIxOTAwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng sử dụng bộ chọn nhóm. Dấu phẩy (`,`) được sử dụng để nhóm nhiều bộ chọn, áp dụng cùng một khối khai báo kiểu cho tất cả các phần tử khớp với bất kỳ bộ chọn nào trong nhóm.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052923' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn làm cho đường viền của các trường nhập liệu có màu xanh dương khi người dùng di chuột qua nhưng *không* nhấp vào. Giả lớp và thuộc tính nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052923]' id='ays-answer-4219005-35271' value='4219005'/> <label for='ays-answer-4219005-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:focus với outline-color</label><label for='ays-answer-4219005-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052923]' id='ays-answer-4219006-35271' value='4219006'/> <label for='ays-answer-4219006-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:active với border-color</label><label for='ays-answer-4219006-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052923]' id='ays-answer-4219007-35271' value='4219007'/> <label for='ays-answer-4219007-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:hover với border-color</label><label for='ays-answer-4219007-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052923]' id='ays-answer-4219008-35271' value='4219008'/> <label for='ays-answer-4219008-35271' class=' ays_position_initial ays-quiz-keyboard-label'>:mouseover với border-style</label><label for='ays-answer-4219008-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052923'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxOTAwNSI6IjAiLCI0MjE5MDA2IjoiMCIsIjQyMTkwMDciOiIxIiwiNDIxOTAwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu kết hợp giả lớp `:hover` để định kiểu khi con trỏ chuột nằm trên phần tử và thuộc tính `border-color` để thay đổi màu của đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1052924' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Trong một biểu mẫu phức tạp với nhiều phần tử, bạn muốn đảm bảo rằng tất cả các nhãn (`<label>`) đều có cùng một kiểu chữ (font-family, font-size, font-weight). Bộ chọn nào sau đây sẽ nhắm mục tiêu tất cả các thẻ `<label>` trong biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052924]' id='ays-answer-4219009-35271' value='4219009'/> <label for='ays-answer-4219009-35271' class=' ays_position_initial ays-quiz-keyboard-label'>label</label><label for='ays-answer-4219009-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052924]' id='ays-answer-4219010-35271' value='4219010'/> <label for='ays-answer-4219010-35271' class=' ays_position_initial ays-quiz-keyboard-label'>.label</label><label for='ays-answer-4219010-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052924]' id='ays-answer-4219011-35271' value='4219011'/> <label for='ays-answer-4219011-35271' class=' ays_position_initial ays-quiz-keyboard-label'>#label</label><label for='ays-answer-4219011-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1052924]' id='ays-answer-4219012-35271' value='4219012'/> <label for='ays-answer-4219012-35271' class=' ays_position_initial ays-quiz-keyboard-label'>form label</label><label for='ays-answer-4219012-35271' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35271 === 'undefined'){ window.quizOptions_35271 = []; } window.quizOptions_35271['1052924'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxOTAwOSI6IjEiLCI0MjE5MDEwIjoiMCIsIjQyMTkwMTEiOiIwIiwiNDIxOTAxMiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_35271" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_35271" style="display:none" data-id="30" data-quiz_id="35271"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_35271" maxlength="10" /> <input type="hidden" value="" id="kw-id_35271" /> <a id="submit_kw_hub_35271" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_35271" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_35271" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_35271"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_35271" id="kw_get_pass_35271" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_35271">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_35271" style="display:none"> <input type="hidden" value="35271" name="current_active_quiz_id" id="current_active_quiz_id_35271" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_35271'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về bộ chọn theo tên thẻ. Bộ chọn `label` sẽ chọn tất cả các thẻ `<label>` trên trang (và do đó trong biểu mẫu, nếu nó là phần tử con của form).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-35271 * { box-sizing: border-box; } #ays-quiz-container-35271 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-35271 #ays_finish_quiz_35271 { } /* Styles for Quiz container */ #ays-quiz-container-35271{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-35271 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-35271 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-35271.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-35271.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-35271 #ays_finish_quiz_35271 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-35271.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container p, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-35271.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-35271 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-35271 .ays-quiz-password-message-box, #ays-quiz-container-35271 .ays-quiz-question-note-message-box, #ays-quiz-container-35271 .ays_quiz_question, #ays-quiz-container-35271 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-35271 textarea, #ays-quiz-container-35271 input::first-letter, #ays-quiz-container-35271 select::first-letter, #ays-quiz-container-35271 option::first-letter { color: initial !important; } #ays-quiz-container-35271 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-35271 .select2-container, #ays-quiz-container-35271 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-35271 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-35271 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-35271 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-35271 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-35271 .ays-questions-container .ays-field, div#ays-quiz-container-35271 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-35271 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-35271 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-35271 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-35271 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-35271 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-35271 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-35271 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-35271 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-35271 .information_form input[type='text'], #ays-quiz-container-35271 .information_form input[type='url'], #ays-quiz-container-35271 .information_form input[type='number'], #ays-quiz-container-35271 .information_form input[type='email'], #ays-quiz-container-35271 .information_form input[type='tel'], #ays-quiz-container-35271 .information_form textarea, #ays-quiz-container-35271 .information_form select, #ays-quiz-container-35271 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-35271 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-35271 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-35271 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-35271 .right_answer_text{ color:#33cc33; } #ays-quiz-container-35271 .right_answer_text p { font-size:16px; } #ays-quiz-container-35271 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-35271 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-35271 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35271 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35271 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35271 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35271 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35271 .ays_cb_and_a, #ays-quiz-container-35271 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-35271 iframe { /*min-height: 450px;*/ } #ays-quiz-container-35271 label.ays_for_checkbox, #ays-quiz-container-35271 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-35271 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-35271 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-35271 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-35271 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-35271 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-35271 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-35271 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-35271 div.lds-spinner, #ays-quiz-container-35271 div.lds-spinner2 { color: #000000; } #ays-quiz-container-35271 div.lds-spinner div:after, #ays-quiz-container-35271 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-35271 .lds-circle, #ays-quiz-container-35271 .lds-facebook div, #ays-quiz-container-35271 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-35271 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-35271 .lds-dual-ring::after, #ays-quiz-container-35271 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-35271 .ui.rating .icon, #ays-quiz-container-35271 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-35271 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-35271 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-35271 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-35271 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-35271 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-35271 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-35271 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-35271 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-35271 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-35271 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-35271 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-35271 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-35271 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-35271 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-35271 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-35271 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-35271 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-35271 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-35271 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-35271 div.ays-quiz-redirection-timer, #ays-quiz-container-35271 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-35271 div.ays-quiz-after-timer * , #ays-quiz-container-35271 div.ays-quiz-redirection-timer *, #ays-quiz-container-35271 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-35271 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-35271 input#ays-submit, #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button, #ays-quiz-container-35271 #ays_finish_quiz_35271 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-35271 #ays_finish_quiz_35271 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button.ays_restart_button, #ays-quiz-container-35271 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35271 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-35271 input#ays-submit, #ays-quiz-container-35271 #ays_finish_quiz_35271 input.action-button, #ays-quiz-container-35271 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35271 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35271 input#ays-submit:hover, #ays-quiz-container-35271 input#ays-submit:focus, #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button:hover, #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button:focus, #ays-quiz-container-35271 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-35271 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-35271 .ays_restart_button { color: #ffffff; } #ays-quiz-container-35271 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-35271 .ays_buttons_div { justify-content: center; } #ays-quiz-container-35271 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-35271 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-35271 input[type='button'], #ays-quiz-container-35271 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-35271 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-35271 input[type='button']:focus-visible, div#ays-quiz-container-35271 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_early_finish.action-button[disabled], #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-35271 #ays_finish_quiz_35271 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-35271 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-35271 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-35271 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-35271.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-35271 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-35271 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35271 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-35271 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-35271 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-35271 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-35271 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-35271 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-35271 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-35271 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-35271 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-35271 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-35271 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-35271 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-35271 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-35271 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35271 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-35271 .ays-field .select2-container--default, #ays-quiz-container-35271 .ays-field .select2-container--default .selection, #ays-quiz-container-35271 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-35271 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-35271 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-35271 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-35271 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-35271 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-35271 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-35271 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-35271 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-35271 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-35271 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-35271 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-35271 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-35271 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-35271 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-35271 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-35271 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-35271 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-35271 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35271 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35271 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-35271.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-35271.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-35271 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-35271 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-35271 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-35271 label[for^='ays-answer']:before, #ays-quiz-container-35271 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-35271 .ays_question_report { text-align: right; } div#ays-quiz-container-35271 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-35271 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-35271.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-35271.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-35271.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-35271.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-35271.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-35271.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-35271 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-35271.ays_quiz_classic_dark .correct_div, #ays-quiz-container-35271.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-35271.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-35271.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-35271.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-35271.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35271.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-35271.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35271 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-35271 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-35271 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-35271 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-35271 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-35271 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-35271 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-35271.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-35271.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-35271 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-35271 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-35271 .ays-quiz-personality-result-box div:before, #ays-quiz-container-35271 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-35271 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-35271 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-35271 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-35271 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-35271 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-35271 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-35271 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-35271 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-35271 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-35271 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-35271 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-35271 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-35271 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-35271{ max-width: 100%; } div#ays-quiz-container-35271 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-35271.ays_quiz_modern_light .step, div#ays-quiz-container-35271.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-35271.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-35271.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-35271.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-35271.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-35271 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-35271 .select2-container, div#ays-quiz-container-35271 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-35271 input#ays-submit, div#ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button, div#ays-quiz-container-35271 #ays_finish_quiz_35271 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button.ays_restart_button, #ays-quiz-container-35271 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35271 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-35271 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-35271 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-35271 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-35271 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-35271 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-35271 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35271 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-35271 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-35271 p { margin: 0.625em; } #ays-quiz-container-35271.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-35271.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-35271 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-35271.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-35271 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button:hover, #ays-quiz-container-35271 #ays_finish_quiz_35271 .action-button:focus, #ays-quiz-container-35271 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-35271 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['35271'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNTI3MSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiIxMDUyODk1LDEwNTI4OTYsMTA1Mjg5NywxMDUyODk4LDEwNTI4OTksMTA1MjkwMCwxMDUyOTAxLDEwNTI5MDIsMTA1MjkwMywxMDUyOTA0LDEwNTI5MDUsMTA1MjkwNiwxMDUyOTA3LDEwNTI5MDgsMTA1MjkwOSwxMDUyOTEwLDEwNTI5MTEsMTA1MjkxMiwxMDUyOTEzLDEwNTI5MTQsMTA1MjkxNSwxMDUyOTE2LDEwNTI5MTcsMTA1MjkxOCwxMDUyOTE5LDEwNTI5MjAsMTA1MjkyMSwxMDUyOTIyLDEwNTI5MjMsMTA1MjkyNCIsIm9yZGVyaW5nIjoiMzUyNzEiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='35271'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_35271' value='81c2385207'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-36209'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_36209' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu - Đề 10</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'></div> <input type='hidden' name='ays_quiz_id' value='36209'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao/'/> <input type='hidden' name='ays_quiz_questions' value='1080911,1080912,1080913,1080914,1080915,1080916,1080917,1080918,1080919,1080920,1080921,1080922,1080923,1080924,1080925,1080926,1080927,1080928,1080929,1080930,1080931,1080932,1080933,1080934,1080935,1080936,1080937,1080938,1080939,1080940'> </div> </div><div class='step ' data-question-id='1080911' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn muốn tạo một hiệu ứng thị giác cho hộp văn bản (input type='text') để làm nổi bật nó khi người dùng nhấp chuột vào và sẵn sàng nhập dữ liệu. Thuộc tính giả lớp (pseudo-class) nào sau đây là phù hợp nhất để áp dụng kiểu CSS cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080911]' id='ays-answer-4327789-36209' value='4327789'/> <label for='ays-answer-4327789-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4327789-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080911]' id='ays-answer-4327790-36209' value='4327790'/> <label for='ays-answer-4327790-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4327790-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080911]' id='ays-answer-4327791-36209' value='4327791'/> <label for='ays-answer-4327791-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4327791-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080911]' id='ays-answer-4327792-36209' value='4327792'/> <label for='ays-answer-4327792-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4327792-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080911'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzc4OSI6IjAiLCI0MzI3NzkwIjoiMSIsIjQzMjc3OTEiOiIwIiwiNDMyNzc5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về các trạng thái tương tác của biểu mẫu và pseudo-class CSS tương ứng. Trạng thái khi một phần tử nhận được trọng tâm (focus) từ người dùng (thường là nhấp chuột hoặc dùng phím Tab) được biểu diễn bằng pseudo-class `:focus`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080912' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Để đảm bảo rằng tổng chiều rộng của một hộp văn bản (input) bao gồm cả vùng đệm (padding) và đường viền (border), mà không làm tăng kích thước hiển thị vượt quá giá trị 'width' đã đặt, bạn nên sử dụng thuộc tính CSS nào với giá trị thích hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080912]' id='ays-answer-4327793-36209' value='4327793'/> <label for='ays-answer-4327793-36209' class=' ays_position_initial ays-quiz-keyboard-label'>padding-box</label><label for='ays-answer-4327793-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080912]' id='ays-answer-4327794-36209' value='4327794'/> <label for='ays-answer-4327794-36209' class=' ays_position_initial ays-quiz-keyboard-label'>content-box</label><label for='ays-answer-4327794-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080912]' id='ays-answer-4327795-36209' value='4327795'/> <label for='ays-answer-4327795-36209' class=' ays_position_initial ays-quiz-keyboard-label'>margin-box</label><label for='ays-answer-4327795-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080912]' id='ays-answer-4327796-36209' value='4327796'/> <label for='ays-answer-4327796-36209' class=' ays_position_initial ays-quiz-keyboard-label'>border-box</label><label for='ays-answer-4327796-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080912'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzc5MyI6IjAiLCI0MzI3Nzk0IjoiMCIsIjQzMjc3OTUiOiIwIiwiNDMyNzc5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về mô hình hộp (box model) và cách kiểm soát kích thước phần tử. Thuộc tính `box-sizing` với giá trị `border-box` thay đổi cách tính toán kích thước, khiến `padding` và `border` được tính gộp vào `width` và `height` tổng cộng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080913' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn có một biểu mẫu chứa nhiều loại input khác nhau (text, password, submit, radio). Bạn muốn áp dụng một kiểu CSS (ví dụ: thêm padding và border) chỉ cho các trường nhập liệu dạng văn bản và mật khẩu. Vùng chọn (selector) CSS nào sau đây đạt được mục tiêu đó một cách hiệu quả?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080913]' id='ays-answer-4327797-36209' value='4327797'/> <label for='ays-answer-4327797-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text', type='password']</label><label for='ays-answer-4327797-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080913]' id='ays-answer-4327798-36209' value='4327798'/> <label for='ays-answer-4327798-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'][type='password']</label><label for='ays-answer-4327798-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080913]' id='ays-answer-4327799-36209' value='4327799'/> <label for='ays-answer-4327799-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password']</label><label for='ays-answer-4327799-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080913]' id='ays-answer-4327800-36209' value='4327800'/> <label for='ays-answer-4327800-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input:text, input:password</label><label for='ays-answer-4327800-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080913'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzc5NyI6IjAiLCI0MzI3Nzk4IjoiMCIsIjQzMjc3OTkiOiIxIiwiNDMyNzgwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về bộ chọn thuộc tính (attribute selectors) và cách kết hợp chúng. Bộ chọn `input[type='text']` chọn tất cả các input có type là 'text'. Bộ chọn `input[type='password']` chọn tất cả các input có type là 'password'. Dấu phẩy (`,`) được sử dụng để nhóm các bộ chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080914' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Xét đoạn mã CSS sau:</p> <p>```css<br /> input[type='submit'] {<br /> background-color: blue;<br /> color: white;<br /> cursor: pointer;<br /> }</p> <p>input[type='submit']:hover {<br /> background-color: darkblue;<br /> }<br /> ```</p> <p>Đoạn mã này có tác dụng gì đối với nút 'submit' trong biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080914]' id='ays-answer-4327801-36209' value='4327801'/> <label for='ays-answer-4327801-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu nền ban đầu là xanh dương, chữ màu trắng, con trỏ dạng bàn tay, và thay đổi màu nền thành xanh dương đậm hơn khi rê chuột qua nút.</label><label for='ays-answer-4327801-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080914]' id='ays-answer-4327802-36209' value='4327802'/> <label for='ays-answer-4327802-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu nền ban đầu là xanh dương đậm, chữ màu trắng, con trỏ dạng bàn tay, và thay đổi màu nền thành xanh dương khi rê chuột qua nút.</label><label for='ays-answer-4327802-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080914]' id='ays-answer-4327803-36209' value='4327803'/> <label for='ays-answer-4327803-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng kiểu khi nút submit được nhấn giữ.</label><label for='ays-answer-4327803-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080914]' id='ays-answer-4327804-36209' value='4327804'/> <label for='ays-answer-4327804-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng kiểu khi nút submit nhận được trọng tâm (focus).</label><label for='ays-answer-4327804-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080914'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgwMSI6IjEiLCI0MzI3ODAyIjoiMCIsIjQzMjc4MDMiOiIwIiwiNDMyNzgwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích và giải thích tác dụng của các quy tắc CSS, bao gồm bộ chọn thuộc tính và pseudo-class `:hover`. Quy tắc đầu định kiểu cơ bản cho nút submit. Quy tắc thứ hai sử dụng `:hover` để thay đổi màu nền khi con trỏ chuột di chuyển qua nút.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080915' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Khi thiết kế biểu mẫu, bạn muốn các nhãn (label) và trường nhập liệu (input) của mỗi cặp xuất hiện trên các dòng riêng biệt, tạo thành một danh sách dọc. Bạn nên áp dụng thuộc tính `display` với giá trị nào cho các phần tử `label`, `input`, hoặc cho phần tử chứa chúng (`div` hoặc `p`) để đạt được bố cục mặc định này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080915]' id='ays-answer-4327805-36209' value='4327805'/> <label for='ays-answer-4327805-36209' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4327805-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080915]' id='ays-answer-4327806-36209' value='4327806'/> <label for='ays-answer-4327806-36209' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4327806-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080915]' id='ays-answer-4327807-36209' value='4327807'/> <label for='ays-answer-4327807-36209' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4327807-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080915]' id='ays-answer-4327808-36209' value='4327808'/> <label for='ays-answer-4327808-36209' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4327808-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080915'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgwNSI6IjAiLCI0MzI3ODA2IjoiMCIsIjQzMjc4MDciOiIxIiwiNDMyNzgwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về các giá trị của thuộc tính `display` và tác động của chúng lên bố cục. Giá trị `block` khiến phần tử chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới, tạo hiệu ứng 'xếp chồng' theo chiều dọc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080916' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn muốn thay đổi màu sắc của văn bản gợi ý (placeholder) bên trong một trường nhập liệu. Vùng chọn giả phần tử (pseudo-element) nào được sử dụng để thực hiện việc này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080916]' id='ays-answer-4327809-36209' value='4327809'/> <label for='ays-answer-4327809-36209' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-4327809-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080916]' id='ays-answer-4327810-36209' value='4327810'/> <label for='ays-answer-4327810-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-4327810-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080916]' id='ays-answer-4327811-36209' value='4327811'/> <label for='ays-answer-4327811-36209' class=' ays_position_initial ays-quiz-keyboard-label'>::input-placeholder</label><label for='ays-answer-4327811-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080916]' id='ays-answer-4327812-36209' value='4327812'/> <label for='ays-answer-4327812-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:input-placeholder</label><label for='ays-answer-4327812-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080916'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgwOSI6IjEiLCI0MzI3ODEwIjoiMCIsIjQzMjc4MTEiOiIwIiwiNDMyNzgxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về pseudo-elements dùng để định kiểu các phần cụ thể của một phần tử mà không có trong cây DOM. `::placeholder` là pseudo-element chuẩn được sử dụng để định kiểu cho văn bản placeholder.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080917' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Để tạo khoảng trống *bên trong* một hộp văn bản, giữa nội dung văn bản người dùng nhập và đường viền của hộp, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080917]' id='ays-answer-4327813-36209' value='4327813'/> <label for='ays-answer-4327813-36209' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4327813-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080917]' id='ays-answer-4327814-36209' value='4327814'/> <label for='ays-answer-4327814-36209' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4327814-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080917]' id='ays-answer-4327815-36209' value='4327815'/> <label for='ays-answer-4327815-36209' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-4327815-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080917]' id='ays-answer-4327816-36209' value='4327816'/> <label for='ays-answer-4327816-36209' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-4327816-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080917'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgxMyI6IjAiLCI0MzI3ODE0IjoiMSIsIjQzMjc4MTUiOiIwIiwiNDMyNzgxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân biệt giữa padding và margin. `padding` tạo khoảng trống bên trong đường viền của phần tử, giữa nội dung và đường viền. `margin` tạo khoảng trống bên ngoài đường viền, giữa phần tử hiện tại và các phần tử lân cận.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080918' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn đang định kiểu cho một hộp kiểm (checkbox). Bạn muốn thay đổi giao diện của hộp kiểm khi nó đang ở trạng thái 'đã chọn'. Pseudo-class nào sau đây biểu thị trạng thái 'đã chọn' của hộp kiểm hoặc nút radio?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080918]' id='ays-answer-4327817-36209' value='4327817'/> <label for='ays-answer-4327817-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-4327817-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080918]' id='ays-answer-4327818-36209' value='4327818'/> <label for='ays-answer-4327818-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-4327818-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080918]' id='ays-answer-4327819-36209' value='4327819'/> <label for='ays-answer-4327819-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:default</label><label for='ays-answer-4327819-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080918]' id='ays-answer-4327820-36209' value='4327820'/> <label for='ays-answer-4327820-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-4327820-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080918'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgxNyI6IjAiLCI0MzI3ODE4IjoiMCIsIjQzMjc4MTkiOiIwIiwiNDMyNzgyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class dùng cho trạng thái của các phần tử biểu mẫu có thể được chọn/bỏ chọn. `:checked` áp dụng cho các phần tử `<input type='checkbox'>` và `<input type='radio'>` khi chúng được chọn.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080919' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Một trường nhập liệu (input) trong biểu mẫu của bạn bị vô hiệu hóa (disabled) thông qua thuộc tính HTML `disabled`. Bạn muốn làm mờ trường này bằng CSS để người dùng dễ dàng nhận biết nó không thể tương tác. Pseudo-class nào giúp bạn chọn được các phần tử bị vô hiệu hóa?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080919]' id='ays-answer-4327821-36209' value='4327821'/> <label for='ays-answer-4327821-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4327821-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080919]' id='ays-answer-4327822-36209' value='4327822'/> <label for='ays-answer-4327822-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-4327822-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080919]' id='ays-answer-4327823-36209' value='4327823'/> <label for='ays-answer-4327823-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-4327823-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080919]' id='ays-answer-4327824-36209' value='4327824'/> <label for='ays-answer-4327824-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:readonly</label><label for='ays-answer-4327824-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080919'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgyMSI6IjAiLCI0MzI3ODIyIjoiMCIsIjQzMjc4MjMiOiIxIiwiNDMyNzgyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class dùng cho trạng thái hoạt động của phần tử. `:disabled` chọn các phần tử biểu mẫu (và các phần tử khác) đã bị vô hiệu hóa.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080920' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: So sánh thuộc tính `border` và `outline` khi được sử dụng để làm nổi bật một trường nhập liệu khi nó nhận focus. Điểm khác biệt chính giữa `outline` và `border` trong trường hợp này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080920]' id='ays-answer-4327825-36209' value='4327825'/> <label for='ays-answer-4327825-36209' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` không chiếm không gian trong bố cục trang và được vẽ bên ngoài đường viền, còn `border` chiếm không gian và có thể ảnh hưởng đến bố cục.</label><label for='ays-answer-4327825-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080920]' id='ays-answer-4327826-36209' value='4327826'/> <label for='ays-answer-4327826-36209' class=' ays_position_initial ays-quiz-keyboard-label'>`border` chỉ có thể là đường thẳng, còn `outline` có thể là đường nét đứt hoặc chấm.</label><label for='ays-answer-4327826-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080920]' id='ays-answer-4327827-36209' value='4327827'/> <label for='ays-answer-4327827-36209' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` chỉ áp dụng cho trạng thái `:focus`, còn `border` áp dụng cho mọi trạng thái.</label><label for='ays-answer-4327827-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080920]' id='ays-answer-4327828-36209' value='4327828'/> <label for='ays-answer-4327828-36209' class=' ays_position_initial ays-quiz-keyboard-label'>`border` có thể có màu trong suốt, còn `outline` thì không.</label><label for='ays-answer-4327828-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080920'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgyNSI6IjEiLCI0MzI3ODI2IjoiMCIsIjQzMjc4MjciOiIwIiwiNDMyNzgyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích sự khác biệt về cách hiển thị và tác động của `outline` và `border`. `outline` được vẽ *bên ngoài* đường viền của phần tử và *không* chiếm không gian trong bố cục, do đó không làm dịch chuyển các phần tử khác. `border` chiếm không gian và có thể ảnh hưởng đến bố cục.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080921' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn tạo một nút (button hoặc input type='submit') có chiều rộng bằng với phần tử chứa nó (container). Thuộc tính và giá trị nào sau đây là cách phổ biến và hiệu quả để đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080921]' id='ays-answer-4327829-36209' value='4327829'/> <label for='ays-answer-4327829-36209' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline; width: 100%;</label><label for='ays-answer-4327829-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080921]' id='ays-answer-4327830-36209' value='4327830'/> <label for='ays-answer-4327830-36209' class=' ays_position_initial ays-quiz-keyboard-label'>display: block; width: 100%;</label><label for='ays-answer-4327830-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080921]' id='ays-answer-4327831-36209' value='4327831'/> <label for='ays-answer-4327831-36209' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto;</label><label for='ays-answer-4327831-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080921]' id='ays-answer-4327832-36209' value='4327832'/> <label for='ays-answer-4327832-36209' class=' ays_position_initial ays-quiz-keyboard-label'>float: left; width: 100%;</label><label for='ays-answer-4327832-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080921'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgyOSI6IjAiLCI0MzI3ODMwIjoiMSIsIjQzMjc4MzEiOiIwIiwiNDMyNzgzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách điều chỉnh kích thước phần tử theo phần tử cha. Đặt `width: 100%` cho phần tử (với `box-sizing: border-box` để dễ quản lý padding/border) là cách chuẩn để làm cho nó chiếm toàn bộ chiều rộng của phần tử chứa.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080922' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Để tăng khoảng cách *ngoài* của một trường nhập liệu (input) so với các phần tử xung quanh nó, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080922]' id='ays-answer-4327833-36209' value='4327833'/> <label for='ays-answer-4327833-36209' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-4327833-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080922]' id='ays-answer-4327834-36209' value='4327834'/> <label for='ays-answer-4327834-36209' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-4327834-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080922]' id='ays-answer-4327835-36209' value='4327835'/> <label for='ays-answer-4327835-36209' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4327835-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080922]' id='ays-answer-4327836-36209' value='4327836'/> <label for='ays-answer-4327836-36209' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-4327836-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080922'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgzMyI6IjEiLCI0MzI3ODM0IjoiMCIsIjQzMjc4MzUiOiIwIiwiNDMyNzgzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân biệt padding và margin lần nữa, tập trung vào khoảng cách bên ngoài. `margin` tạo khoảng trống bên ngoài đường viền của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080923' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn cần định kiểu cho một vùng văn bản (`<textarea>`) trong biểu mẫu. Mặc định, người dùng có thể thay đổi kích thước của `<textarea>` bằng cách kéo góc dưới bên phải. Thuộc tính CSS nào cho phép bạn vô hiệu hóa chức năng thay đổi kích thước này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080923]' id='ays-answer-4327837-36209' value='4327837'/> <label for='ays-answer-4327837-36209' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4327837-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080923]' id='ays-answer-4327838-36209' value='4327838'/> <label for='ays-answer-4327838-36209' class=' ays_position_initial ays-quiz-keyboard-label'>size: none;</label><label for='ays-answer-4327838-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080923]' id='ays-answer-4327839-36209' value='4327839'/> <label for='ays-answer-4327839-36209' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-4327839-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080923]' id='ays-answer-4327840-36209' value='4327840'/> <label for='ays-answer-4327840-36209' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto; height: auto;</label><label for='ays-answer-4327840-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080923'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzgzNyI6IjAiLCI0MzI3ODM4IjoiMCIsIjQzMjc4MzkiOiIxIiwiNDMyNzg0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `resize` áp dụng cho `<textarea>`. Giá trị `none` sẽ vô hiệu hóa khả năng thay đổi kích thước thủ công của người dùng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080924' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Trong một biểu mẫu, bạn muốn các nhãn (`label`) và trường nhập liệu (`input`) của mỗi mục nhập xuất hiện trên cùng một dòng, nhưng vẫn giữ được khả năng điều chỉnh kích thước và áp dụng padding/margin theo cả chiều dọc và ngang. Giá trị `display` nào là lựa chọn tốt nhất cho các phần tử này để đạt được bố cục 'inline' nhưng vẫn có các đặc điểm của 'block'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080924]' id='ays-answer-4327841-36209' value='4327841'/> <label for='ays-answer-4327841-36209' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-4327841-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080924]' id='ays-answer-4327842-36209' value='4327842'/> <label for='ays-answer-4327842-36209' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-4327842-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080924]' id='ays-answer-4327843-36209' value='4327843'/> <label for='ays-answer-4327843-36209' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-4327843-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080924]' id='ays-answer-4327844-36209' value='4327844'/> <label for='ays-answer-4327844-36209' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-4327844-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080924'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg0MSI6IjAiLCI0MzI3ODQyIjoiMSIsIjQzMjc4NDMiOiIwIiwiNDMyNzg0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu so sánh các giá trị `display`. `inline` không cho phép đặt width/height và margin/padding theo chiều dọc. `block` luôn bắt đầu dòng mới. `inline-block` cho phép phần tử nằm trên cùng dòng với các phần tử inline khác nhưng vẫn có thể đặt width/height và margin/padding đầy đủ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080925' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn thêm một biểu tượng nhỏ hoặc văn bản 'Bắt buộc' bên cạnh nhãn (`label`) của các trường nhập liệu bắt buộc mà không cần thay đổi HTML. Kỹ thuật CSS nào sử dụng pseudo-elements (`::before` hoặc `::after`) kết hợp với bộ chọn thuộc tính (`[required]`) có thể giúp bạn làm điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080925]' id='ays-answer-4327845-36209' value='4327845'/> <label for='ays-answer-4327845-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `label::after` hoặc `input[required]::before` với thuộc tính `content` để chèn ký tự hoặc văn bản.</label><label for='ays-answer-4327845-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080925]' id='ays-answer-4327846-36209' value='4327846'/> <label for='ays-answer-4327846-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `label:after` hoặc `input[required]:before` với thuộc tính `text` để chèn ký tự hoặc văn bản.</label><label for='ays-answer-4327846-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080925]' id='ays-answer-4327847-36209' value='4327847'/> <label for='ays-answer-4327847-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `label[required] + ::marker` để thêm dấu hiệu.</label><label for='ays-answer-4327847-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080925]' id='ays-answer-4327848-36209' value='4327848'/> <label for='ays-answer-4327848-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể thêm nội dung tạo kiểu mà không chỉnh sửa HTML.</label><label for='ays-answer-4327848-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080925'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg0NSI6IjEiLCI0MzI3ODQ2IjoiMCIsIjQzMjc4NDciOiIwIiwiNDMyNzg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết hợp bộ chọn thuộc tính và pseudo-elements để thêm nội dung tạo kiểu. Pseudo-elements `::before` hoặc `::after` cho phép chèn nội dung tạo kiểu trước hoặc sau nội dung của phần tử được chọn. Kết hợp với bộ chọn `[required]` trên input hoặc label liên quan, bạn có thể thêm chỉ báo 'bắt buộc'.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080926' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Xét đoạn mã CSS:</p> <p>```css<br /> input:focus {<br /> border-color: blue;<br /> box-shadow: 0 0 5px rgba(0, 0, 255, 0.5);<br /> }<br /> ```</p> <p>Đoạn mã này sẽ tạo hiệu ứng gì khi người dùng tương tác với một trường nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080926]' id='ays-answer-4327849-36209' value='4327849'/> <label for='ays-answer-4327849-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Khi con trỏ chuột nằm trên input, đường viền màu xanh và có bóng đổ.</label><label for='ays-answer-4327849-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080926]' id='ays-answer-4327850-36209' value='4327850'/> <label for='ays-answer-4327850-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input bị vô hiệu hóa, đường viền màu xanh và có bóng đổ.</label><label for='ays-answer-4327850-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080926]' id='ays-answer-4327851-36209' value='4327851'/> <label for='ays-answer-4327851-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input có giá trị hợp lệ, đường viền màu xanh và có bóng đổ.</label><label for='ays-answer-4327851-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080926]' id='ays-answer-4327852-36209' value='4327852'/> <label for='ays-answer-4327852-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input được nhấp chuột vào hoặc nhận focus từ bàn phím, đường viền màu xanh và có bóng đổ.</label><label for='ays-answer-4327852-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080926'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg0OSI6IjAiLCI0MzI3ODUwIjoiMCIsIjQzMjc4NTEiOiIwIiwiNDMyNzg1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích tác dụng của pseudo-class `:focus` kết hợp với `border-color` và `box-shadow`. Khi input nhận focus, đường viền sẽ chuyển màu xanh và xuất hiện một bóng đổ màu xanh nhạt xung quanh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080927' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn thiết kế lại giao diện mặc định của nút radio (`input[type='radio']`) để trông hiện đại hơn. Một kỹ thuật phổ biến là ẩn nút radio mặc định và sử dụng CSS để tạo kiểu cho phần tử `<label>` hoặc một `<span>` liên kết với nó. Thuộc tính CSS nào thường được áp dụng cho nút radio *gốc* để ẩn nó một cách hiệu quả nhưng vẫn giữ tính năng tương tác và khả năng nhận focus cho mục đích truy cập?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080927]' id='ays-answer-4327853-36209' value='4327853'/> <label for='ays-answer-4327853-36209' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-4327853-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080927]' id='ays-answer-4327854-36209' value='4327854'/> <label for='ays-answer-4327854-36209' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-4327854-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080927]' id='ays-answer-4327855-36209' value='4327855'/> <label for='ays-answer-4327855-36209' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-4327855-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080927]' id='ays-answer-4327856-36209' value='4327856'/> <label for='ays-answer-4327856-36209' class=' ays_position_initial ays-quiz-keyboard-label'>height: 0; width: 0;</label><label for='ays-answer-4327856-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080927'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg1MyI6IjEiLCI0MzI3ODU0IjoiMCIsIjQzMjc4NTUiOiIwIiwiNDMyNzg1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi mô tả một kỹ thuật styling nâng cao và hỏi về thuộc tính CSS cốt lõi được sử dụng để ẩn phần tử gốc. `opacity: 0` làm phần tử trong suốt hoàn toàn nhưng vẫn chiếm không gian và tương tác được. Kết hợp với `position: absolute` (hoặc `fixed`) và đưa ra ngoài màn hình (`left: -9999px`) là cách an toàn để ẩn phần tử khỏi tầm nhìn nhưng vẫn giữ focusability.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080928' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Khi định kiểu cho các phần tử biểu mẫu như `input`, `textarea`, `select`, việc sử dụng CSS reset hoặc normalize stylesheet ngay từ đầu có thể mang lại lợi ích gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080928]' id='ays-answer-4327857-36209' value='4327857'/> <label for='ays-answer-4327857-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho biểu mẫu load nhanh hơn.</label><label for='ays-answer-4327857-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080928]' id='ays-answer-4327858-36209' value='4327858'/> <label for='ays-answer-4327858-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm thiểu sự khác biệt về kiểu dáng mặc định của các phần tử biểu mẫu giữa các trình duyệt.</label><label for='ays-answer-4327858-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080928]' id='ays-answer-4327859-36209' value='4327859'/> <label for='ays-answer-4327859-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động thêm các hiệu ứng động cho biểu mẫu.</label><label for='ays-answer-4327859-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080928]' id='ays-answer-4327860-36209' value='4327860'/> <label for='ays-answer-4327860-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Thay thế hoàn toàn việc sử dụng CSS tùy chỉnh cho biểu mẫu.</label><label for='ays-answer-4327860-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080928'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg1NyI6IjAiLCI0MzI3ODU4IjoiMSIsIjQzMjc4NTkiOiIwIiwiNDMyNzg2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về mục đích của CSS reset/normalize. Các stylesheet này giúp giảm thiểu sự khác biệt về kiểu dáng mặc định của các phần tử (đặc biệt là form elements) giữa các trình duyệt khác nhau, tạo ra một điểm khởi đầu nhất quán cho việc định kiểu tùy chỉnh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080929' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn muốn áp dụng một đường viền màu đỏ cho các trường nhập liệu (`input[type='text']`) khi người dùng nhập dữ liệu không hợp lệ (ví dụ: email sai định dạng, trường bắt buộc bị bỏ trống) nếu trình duyệt hỗ trợ CSS validation pseudo-classes. Pseudo-class nào biểu thị trạng thái một trường nhập liệu có giá trị không hợp lệ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080929]' id='ays-answer-4327861-36209' value='4327861'/> <label for='ays-answer-4327861-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-4327861-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080929]' id='ays-answer-4327862-36209' value='4327862'/> <label for='ays-answer-4327862-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-4327862-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080929]' id='ays-answer-4327863-36209' value='4327863'/> <label for='ays-answer-4327863-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:error</label><label for='ays-answer-4327863-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080929]' id='ays-answer-4327864-36209' value='4327864'/> <label for='ays-answer-4327864-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-4327864-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080929'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg2MSI6IjEiLCI0MzI3ODYyIjoiMCIsIjQzMjc4NjMiOiIwIiwiNDMyNzg2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-classes liên quan đến validation form HTML5. `:invalid` áp dụng cho các phần tử biểu mẫu có giá trị không thỏa mãn các ràng buộc validation (ví dụ: `required`, `type='email'`, `pattern`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080930' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Để căn giữa một biểu mẫu (`</p> <form>`) trên trang web và giới hạn chiều rộng tối đa của nó, bạn có thể sử dụng kết hợp các thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080930]' id='ays-answer-4327865-36209' value='4327865'/> <label for='ays-answer-4327865-36209' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-4327865-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080930]' id='ays-answer-4327866-36209' value='4327866'/> <label for='ays-answer-4327866-36209' class=' ays_position_initial ays-quiz-keyboard-label'>float: center;</label><label for='ays-answer-4327866-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080930]' id='ays-answer-4327867-36209' value='4327867'/> <label for='ays-answer-4327867-36209' class=' ays_position_initial ays-quiz-keyboard-label'>display: block; max-width: ...; margin: auto;</label><label for='ays-answer-4327867-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080930]' id='ays-answer-4327868-36209' value='4327868'/> <label for='ays-answer-4327868-36209' class=' ays_position_initial ays-quiz-keyboard-label'>position: absolute; left: 50%; transform: translateX(-50%);</label><label for='ays-answer-4327868-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080930'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg2NSI6IjAiLCI0MzI3ODY2IjoiMCIsIjQzMjc4NjciOiIxIiwiNDMyNzg2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kỹ thuật căn giữa khối phổ biến. Đặt `display: block` (form là block mặc định), `max-width` để giới hạn chiều rộng, và `margin: auto` (cho cả top/bottom hoặc chỉ left/right) sẽ căn giữa khối trong phần tử chứa nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080931' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Tại sao việc định kiểu rõ ràng cho trạng thái `:focus` của các phần tử biểu mẫu lại quan trọng, đặc biệt đối với người dùng sử dụng bàn phím để điều hướng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080931]' id='ays-answer-4327869-36209' value='4327869'/> <label for='ays-answer-4327869-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp người dùng sử dụng bàn phím biết phần tử nào đang được chọn để nhập liệu hoặc tương tác.</label><label for='ays-answer-4327869-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080931]' id='ays-answer-4327870-36209' value='4327870'/> <label for='ays-answer-4327870-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho biểu mẫu trông hiện đại hơn.</label><label for='ays-answer-4327870-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080931]' id='ays-answer-4327871-36209' value='4327871'/> <label for='ays-answer-4327871-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ gửi biểu mẫu.</label><label for='ays-answer-4327871-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080931]' id='ays-answer-4327872-36209' value='4327872'/> <label for='ays-answer-4327872-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn chặn việc nhập liệu sai.</label><label for='ays-answer-4327872-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080931'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg2OSI6IjEiLCI0MzI3ODcwIjoiMCIsIjQzMjc4NzEiOiIwIiwiNDMyNzg3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích tầm quan trọng của styling `:focus` từ góc độ truy cập (accessibility). Chỉ báo focus giúp người dùng bàn phím biết họ đang ở phần tử nào trên trang, là yếu tố cốt lõi cho khả năng điều hướng và tương tác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080932' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn có một nhóm các nút radio (`input[type='radio']`) và các nhãn (`label`) tương ứng. Bạn muốn khi nhấp vào nhãn thì nút radio liên kết cũng được chọn. Điều này có thể thực hiện được trong HTML mà không cần JavaScript bằng cách nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080932]' id='ays-answer-4327873-36209' value='4327873'/> <label for='ays-answer-4327873-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt nút radio bên trong thẻ `label`.</label><label for='ays-answer-4327873-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080932]' id='ays-answer-4327874-36209' value='4327874'/> <label for='ays-answer-4327874-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt nhãn bên trong thẻ `input`.</label><label for='ays-answer-4327874-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080932]' id='ays-answer-4327875-36209' value='4327875'/> <label for='ays-answer-4327875-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `for` trên thẻ `label` và đặt giá trị của nó bằng `id` của thẻ `input` tương ứng.</label><label for='ays-answer-4327875-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080932]' id='ays-answer-4327876-36209' value='4327876'/> <label for='ays-answer-4327876-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `name` giống nhau cho cả `label` và `input`.</label><label for='ays-answer-4327876-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080932'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg3MyI6IjAiLCI0MzI3ODc0IjoiMCIsIjQzMjc4NzUiOiIxIiwiNDMyNzg3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức HTML cơ bản về liên kết label với input. Sử dụng thuộc tính `for` trên `<label>` với giá trị là `id` của phần tử input tương ứng sẽ tạo liên kết này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080933' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn tạo kiểu cho một trường nhập liệu (`input`) ở trạng thái chỉ đọc (readonly), ví dụ: làm mờ nền hoặc thay đổi màu chữ để phân biệt với trường có thể chỉnh sửa. Thuộc tính giả lớp (pseudo-class) hoặc bộ chọn thuộc tính nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080933]' id='ays-answer-4327877-36209' value='4327877'/> <label for='ays-answer-4327877-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[readonly]</label><label for='ays-answer-4327877-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080933]' id='ays-answer-4327878-36209' value='4327878'/> <label for='ays-answer-4327878-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled</label><label for='ays-answer-4327878-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080933]' id='ays-answer-4327879-36209' value='4327879'/> <label for='ays-answer-4327879-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input:read-only</label><label for='ays-answer-4327879-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080933]' id='ays-answer-4327880-36209' value='4327880'/> <label for='ays-answer-4327880-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input:immutable</label><label for='ays-answer-4327880-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080933'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg3NyI6IjEiLCI0MzI3ODc4IjoiMCIsIjQzMjc4NzkiOiIwIiwiNDMyNzg4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách chọn phần tử dựa trên thuộc tính HTML của nó. Bộ chọn thuộc tính `[readonly]` hoặc pseudo-class `:read-only` (ít phổ biến hơn `:read-write`) có thể được sử dụng. `[readonly]` là cách trực tiếp nhất dựa trên thuộc tính HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080934' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Xét đoạn mã HTML và CSS sau:</p> <p>HTML:<br /> ```html</p> <form> <div> <label for="name">Tên:</label><br /> <input type="text" id="name"> </div> <div> <label for="email">Email:</label><br /> <input type="email" id="email"> </div> </form> <p>```</p> <p>CSS:<br /> ```css<br /> form div {<br /> margin-bottom: 15px;<br /> }<br /> ```</p> <p>Đoạn CSS này có tác dụng gì đối với bố cục biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080934]' id='ays-answer-4327881-36209' value='4327881'/> <label for='ays-answer-4327881-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống 15px giữa nhãn và trường nhập liệu bên trong mỗi div.</label><label for='ays-answer-4327881-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080934]' id='ays-answer-4327882-36209' value='4327882'/> <label for='ays-answer-4327882-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống 15px giữa các cặp nhãn-trường nhập liệu (giữa các div).</label><label for='ays-answer-4327882-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080934]' id='ays-answer-4327883-36209' value='4327883'/> <label for='ays-answer-4327883-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo khoảng trống 15px bên trong mỗi div, giữa đường viền div và nội dung (label/input).</label><label for='ays-answer-4327883-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080934]' id='ays-answer-4327884-36209' value='4327884'/> <label for='ays-answer-4327884-36209' class=' ays_position_initial ays-quiz-keyboard-label'>Đẩy biểu mẫu xuống dưới 15px so với phần tử trước đó.</label><label for='ays-answer-4327884-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080934'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg4MSI6IjAiLCI0MzI3ODgyIjoiMSIsIjQzMjc4ODMiOiIwIiwiNDMyNzg4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích tác dụng của thuộc tính `margin-bottom` trên các phần tử `div` chứa cặp label/input. Nó sẽ tạo ra khoảng trống 15px ở phía dưới mỗi `div`, dẫn đến việc các cặp label/input được tách biệt nhau theo chiều dọc.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080935' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn làm cho đường viền của một trường nhập liệu (`input`) trở nên rõ ràng hơn khi người dùng rê chuột qua nó nhưng chưa nhấp vào. Pseudo-class nào là phù hợp để áp dụng kiểu CSS cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080935]' id='ays-answer-4327885-36209' value='4327885'/> <label for='ays-answer-4327885-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-4327885-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080935]' id='ays-answer-4327886-36209' value='4327886'/> <label for='ays-answer-4327886-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-4327886-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080935]' id='ays-answer-4327887-36209' value='4327887'/> <label for='ays-answer-4327887-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-4327887-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080935]' id='ays-answer-4327888-36209' value='4327888'/> <label for='ays-answer-4327888-36209' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-4327888-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080935'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg4NSI6IjEiLCI0MzI3ODg2IjoiMCIsIjQzMjc4ODciOiIwIiwiNDMyNzg4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra pseudo-class `:hover`. Trạng thái `:hover` áp dụng khi con trỏ chuột nằm trên phần tử nhưng chưa tương tác (nhấp, giữ).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080936' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Khi thiết kế biểu mẫu trên các thiết bị màn hình nhỏ, các trường nhập liệu có thể trông quá nhỏ. Bạn có thể sử dụng thuộc tính CSS nào để đảm bảo chiều cao tối thiểu cho các trường nhập liệu, giúp chúng dễ chạm/nhấp hơn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080936]' id='ays-answer-4327889-36209' value='4327889'/> <label for='ays-answer-4327889-36209' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-4327889-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080936]' id='ays-answer-4327890-36209' value='4327890'/> <label for='ays-answer-4327890-36209' class=' ays_position_initial ays-quiz-keyboard-label'>max-height</label><label for='ays-answer-4327890-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080936]' id='ays-answer-4327891-36209' value='4327891'/> <label for='ays-answer-4327891-36209' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-4327891-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080936]' id='ays-answer-4327892-36209' value='4327892'/> <label for='ays-answer-4327892-36209' class=' ays_position_initial ays-quiz-keyboard-label'>min-height</label><label for='ays-answer-4327892-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080936'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg4OSI6IjAiLCI0MzI3ODkwIjoiMCIsIjQzMjc4OTEiOiIwIiwiNDMyNzg5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính kiểm soát kích thước tối thiểu. `min-height` đặt chiều cao tối thiểu cho phần tử, đảm bảo nó không nhỏ hơn giá trị đã cho ngay cả khi nội dung ít.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080937' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn thay đổi hình dáng con trỏ chuột khi rê qua một nút 'Gửi' (`input[type='submit']` hoặc `<button>`). Giá trị nào của thuộc tính `cursor` thường được sử dụng để chỉ ra rằng một phần tử có thể nhấp vào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080937]' id='ays-answer-4327893-36209' value='4327893'/> <label for='ays-answer-4327893-36209' class=' ays_position_initial ays-quiz-keyboard-label'>default</label><label for='ays-answer-4327893-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080937]' id='ays-answer-4327894-36209' value='4327894'/> <label for='ays-answer-4327894-36209' class=' ays_position_initial ays-quiz-keyboard-label'>pointer</label><label for='ays-answer-4327894-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080937]' id='ays-answer-4327895-36209' value='4327895'/> <label for='ays-answer-4327895-36209' class=' ays_position_initial ays-quiz-keyboard-label'>move</label><label for='ays-answer-4327895-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080937]' id='ays-answer-4327896-36209' value='4327896'/> <label for='ays-answer-4327896-36209' class=' ays_position_initial ays-quiz-keyboard-label'>text</label><label for='ays-answer-4327896-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080937'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg5MyI6IjAiLCI0MzI3ODk0IjoiMSIsIjQzMjc4OTUiOiIwIiwiNDMyNzg5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra thuộc tính `cursor`. Giá trị `pointer` hiển thị con trỏ dạng bàn tay, là quy ước phổ biến cho các phần tử có thể tương tác (như liên kết, nút).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080938' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Để tạo một đường kẻ phân cách giữa các nhóm trường trong biểu mẫu (ví dụ: sử dụng thẻ `</p> <fieldset>`), bạn có thể định kiểu cho thẻ `</p> <fieldset>` bằng thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080938]' id='ays-answer-4327897-36209' value='4327897'/> <label for='ays-answer-4327897-36209' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4327897-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080938]' id='ays-answer-4327898-36209' value='4327898'/> <label for='ays-answer-4327898-36209' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-4327898-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080938]' id='ays-answer-4327899-36209' value='4327899'/> <label for='ays-answer-4327899-36209' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-4327899-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080938]' id='ays-answer-4327900-36209' value='4327900'/> <label for='ays-answer-4327900-36209' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-4327900-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080938'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzg5NyI6IjEiLCI0MzI3ODk4IjoiMCIsIjQzMjc4OTkiOiIwIiwiNDMyNzkwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thẻ `</p> <fieldset>` và cách định kiểu đường viền mặc định của nó. `border` là thuộc tính chuẩn để định kiểu đường viền cho các phần tử khối như fieldset.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080939' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn áp dụng cùng một kiểu CSS cho tất cả các loại trường nhập liệu văn bản (`input[type='text']`), trường mật khẩu (`input[type='password']`) và vùng văn bản (`textarea`). Vùng chọn (selector) nào sau đây là cách ngắn gọn nhất để làm điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080939]' id='ays-answer-4327901-36209' value='4327901'/> <label for='ays-answer-4327901-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea[type='text'], [type='password']</label><label for='ays-answer-4327901-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080939]' id='ays-answer-4327902-36209' value='4327902'/> <label for='ays-answer-4327902-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text', 'password'], textarea</label><label for='ays-answer-4327902-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080939]' id='ays-answer-4327903-36209' value='4327903'/> <label for='ays-answer-4327903-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'], textarea</label><label for='ays-answer-4327903-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080939]' id='ays-answer-4327904-36209' value='4327904'/> <label for='ays-answer-4327904-36209' class=' ays_position_initial ays-quiz-keyboard-label'>input:text, input:password, textarea</label><label for='ays-answer-4327904-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080939'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzkwMSI6IjAiLCI0MzI3OTAyIjoiMCIsIjQzMjc5MDMiOiIxIiwiNDMyNzkwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu kết hợp nhiều selector bằng dấu phẩy để áp dụng cùng một bộ quy tắc. Cần liệt kê các selector cụ thể cho từng loại phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1080940' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Khi sử dụng thuộc tính `float: left;` cho nhiều trường nhập liệu liên tiếp trong biểu mẫu, chúng sẽ xếp cạnh nhau. Tuy nhiên, điều này có thể gây ra vấn đề với các phần tử *sau* chúng (ví dụ: nút submit bị trôi lên). Thuộc tính CSS nào thường được sử dụng trên phần tử *sau* các trường nhập liệu đã float để khắc phục vấn đề này và đảm bảo nó bắt đầu dưới tất cả các phần tử đã float?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080940]' id='ays-answer-4327905-36209' value='4327905'/> <label for='ays-answer-4327905-36209' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-4327905-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080940]' id='ays-answer-4327906-36209' value='4327906'/> <label for='ays-answer-4327906-36209' class=' ays_position_initial ays-quiz-keyboard-label'>clear: both;</label><label for='ays-answer-4327906-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080940]' id='ays-answer-4327907-36209' value='4327907'/> <label for='ays-answer-4327907-36209' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-4327907-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1080940]' id='ays-answer-4327908-36209' value='4327908'/> <label for='ays-answer-4327908-36209' class=' ays_position_initial ays-quiz-keyboard-label'>position: relative;</label><label for='ays-answer-4327908-36209' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36209 === 'undefined'){ window.quizOptions_36209 = []; } window.quizOptions_36209['1080940'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyNzkwNSI6IjAiLCI0MzI3OTA2IjoiMSIsIjQzMjc5MDciOiIwIiwiNDMyNzkwOCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1758809631" /> <a id="view_result_hub_36209" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_36209" style="display:none" data-id="30" data-quiz_id="36209"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_36209" maxlength="10" /> <input type="hidden" value="" id="kw-id_36209" /> <a id="submit_kw_hub_36209" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_36209" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_36209" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_36209"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_36209" id="kw_get_pass_36209" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_36209">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_36209" style="display:none"> <input type="hidden" value="36209" name="current_active_quiz_id" id="current_active_quiz_id_36209" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_36209'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về float và cách 'clear' float. Thuộc tính `clear` được sử dụng để chỉ định rằng một phần tử không được nằm cạnh các phần tử đã float ở bên trái (`left`), bên phải (`right`), hoặc cả hai bên (`both`). Áp dụng `clear: both;` cho phần tử sau các float sẽ đẩy nó xuống dưới.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-36209 * { box-sizing: border-box; } #ays-quiz-container-36209 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-36209 #ays_finish_quiz_36209 { } /* Styles for Quiz container */ #ays-quiz-container-36209{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-36209 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-36209 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-36209.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-36209.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-36209 #ays_finish_quiz_36209 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-36209.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container p, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-36209.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-36209 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-36209 .ays-quiz-password-message-box, #ays-quiz-container-36209 .ays-quiz-question-note-message-box, #ays-quiz-container-36209 .ays_quiz_question, #ays-quiz-container-36209 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-36209 textarea, #ays-quiz-container-36209 input::first-letter, #ays-quiz-container-36209 select::first-letter, #ays-quiz-container-36209 option::first-letter { color: initial !important; } #ays-quiz-container-36209 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-36209 .select2-container, #ays-quiz-container-36209 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-36209 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-36209 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-36209 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-36209 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-36209 .ays-questions-container .ays-field, div#ays-quiz-container-36209 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-36209 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-36209 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-36209 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-36209 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-36209 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-36209 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-36209 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-36209 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-36209 .information_form input[type='text'], #ays-quiz-container-36209 .information_form input[type='url'], #ays-quiz-container-36209 .information_form input[type='number'], #ays-quiz-container-36209 .information_form input[type='email'], #ays-quiz-container-36209 .information_form input[type='tel'], #ays-quiz-container-36209 .information_form textarea, #ays-quiz-container-36209 .information_form select, #ays-quiz-container-36209 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-36209 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-36209 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-36209 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-36209 .right_answer_text{ color:#33cc33; } #ays-quiz-container-36209 .right_answer_text p { font-size:16px; } #ays-quiz-container-36209 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-36209 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-36209 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36209 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36209 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36209 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36209 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36209 .ays_cb_and_a, #ays-quiz-container-36209 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-36209 iframe { /*min-height: 450px;*/ } #ays-quiz-container-36209 label.ays_for_checkbox, #ays-quiz-container-36209 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-36209 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-36209 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-36209 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-36209 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-36209 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-36209 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-36209 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-36209 div.lds-spinner, #ays-quiz-container-36209 div.lds-spinner2 { color: #000000; } #ays-quiz-container-36209 div.lds-spinner div:after, #ays-quiz-container-36209 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-36209 .lds-circle, #ays-quiz-container-36209 .lds-facebook div, #ays-quiz-container-36209 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-36209 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-36209 .lds-dual-ring::after, #ays-quiz-container-36209 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-36209 .ui.rating .icon, #ays-quiz-container-36209 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-36209 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-36209 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-36209 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-36209 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-36209 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-36209 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-36209 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-36209 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-36209 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-36209 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-36209 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-36209 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-36209 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-36209 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-36209 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-36209 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-36209 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-36209 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-36209 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-36209 div.ays-quiz-redirection-timer, #ays-quiz-container-36209 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-36209 div.ays-quiz-after-timer * , #ays-quiz-container-36209 div.ays-quiz-redirection-timer *, #ays-quiz-container-36209 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-36209 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-36209 input#ays-submit, #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button, #ays-quiz-container-36209 #ays_finish_quiz_36209 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-36209 #ays_finish_quiz_36209 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button.ays_restart_button, #ays-quiz-container-36209 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36209 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-36209 input#ays-submit, #ays-quiz-container-36209 #ays_finish_quiz_36209 input.action-button, #ays-quiz-container-36209 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36209 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36209 input#ays-submit:hover, #ays-quiz-container-36209 input#ays-submit:focus, #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button:hover, #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button:focus, #ays-quiz-container-36209 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36209 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-36209 .ays_restart_button { color: #ffffff; } #ays-quiz-container-36209 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-36209 .ays_buttons_div { justify-content: center; } #ays-quiz-container-36209 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-36209 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-36209 input[type='button'], #ays-quiz-container-36209 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-36209 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-36209 input[type='button']:focus-visible, div#ays-quiz-container-36209 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_early_finish.action-button[disabled], #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-36209 #ays_finish_quiz_36209 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-36209 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-36209 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-36209 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-36209.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-36209 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-36209 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36209 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-36209 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-36209 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-36209 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-36209 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-36209 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-36209 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-36209 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-36209 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-36209 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-36209 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-36209 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-36209 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-36209 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36209 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-36209 .ays-field .select2-container--default, #ays-quiz-container-36209 .ays-field .select2-container--default .selection, #ays-quiz-container-36209 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-36209 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-36209 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-36209 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-36209 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-36209 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-36209 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-36209 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-36209 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-36209 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-36209 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-36209 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-36209 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-36209 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-36209 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-36209 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-36209 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-36209 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-36209 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36209 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36209 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-36209.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-36209.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-36209 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-36209 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-36209 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-36209 label[for^='ays-answer']:before, #ays-quiz-container-36209 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-36209 .ays_question_report { text-align: right; } div#ays-quiz-container-36209 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-36209 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-36209.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-36209.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-36209.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-36209.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-36209.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-36209.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-36209 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-36209.ays_quiz_classic_dark .correct_div, #ays-quiz-container-36209.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-36209.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-36209.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-36209.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-36209.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36209.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-36209.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36209 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-36209 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-36209 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-36209 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-36209 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-36209 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-36209 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-36209.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-36209.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-36209 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-36209 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-36209 .ays-quiz-personality-result-box div:before, #ays-quiz-container-36209 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-36209 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-36209 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-36209 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-36209 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-36209 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-36209 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-36209 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-36209 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-36209 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-36209 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-36209 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-36209 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-36209 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-36209{ max-width: 100%; } div#ays-quiz-container-36209 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-36209.ays_quiz_modern_light .step, div#ays-quiz-container-36209.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-36209.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-36209.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-36209.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-36209.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-36209 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-36209 .select2-container, div#ays-quiz-container-36209 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-36209 input#ays-submit, div#ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button, div#ays-quiz-container-36209 #ays_finish_quiz_36209 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button.ays_restart_button, #ays-quiz-container-36209 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36209 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-36209 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-36209 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-36209 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-36209 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-36209 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-36209 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36209 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-36209 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-36209 p { margin: 0.625em; } #ays-quiz-container-36209.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-36209.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-36209 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-36209.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-36209 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button:hover, #ays-quiz-container-36209 #ays_finish_quiz_36209 .action-button:focus, #ays-quiz-container-36209 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36209 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['36209'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNjIwOSIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gLSBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAxMCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyNzQiLCJxdWVzdGlvbl9pZHMiOiIxMDgwOTExLDEwODA5MTIsMTA4MDkxMywxMDgwOTE0LDEwODA5MTUsMTA4MDkxNiwxMDgwOTE3LDEwODA5MTgsMTA4MDkxOSwxMDgwOTIwLDEwODA5MjEsMTA4MDkyMiwxMDgwOTIzLDEwODA5MjQsMTA4MDkyNSwxMDgwOTI2LDEwODA5MjcsMTA4MDkyOCwxMDgwOTI5LDEwODA5MzAsMTA4MDkzMSwxMDgwOTMyLDEwODA5MzMsMTA4MDkzNCwxMDgwOTM1LDEwODA5MzYsMTA4MDkzNywxMDgwOTM4LDEwODA5MzksMTA4MDk0MCIsIm9yZGVyaW5nIjoiMzYyMDkiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='36209'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_36209' value='81c2385207'/> </form></div> </div> </div></div> </div> </div> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'> <!-- YARPP List --> <h3>Đề trắc nghiệm liên quan:</h3><ol> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-b2-cac-chuc-nang-mang-cua-he-dieu-hanh-chan-troi-sang-tao/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài B2: Các chức năng mạng của hệ điều hành (Chân Trời Sáng Tạo)">Đề Trắc nghiệm Tin học 12 – Bài B2: Các chức năng mạng của hệ điều hành (Chân Trời Sáng Tạo)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f8-mot-so-thuoc-tinh-co-ban-cua-css-chan-troi-sang-tao/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài F8: Một số thuộc tính cơ bản của CSS (Chân Trời Sáng Tạo)">Đề Trắc nghiệm Tin học 12 – Bài F8: Một số thuộc tính cơ bản của CSS (Chân Trời Sáng Tạo)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-e4-su-dung-content-blocks-button-divider-chan-troi-sang-tao/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài E4: Sử dụng Content Blocks, Button, Divider (Chân Trời Sáng Tạo)">Đề Trắc nghiệm Tin học 12 – Bài E4: Sử dụng Content Blocks, Button, Divider (Chân Trời Sáng Tạo)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f16-may-tinh-thuat-toan-va-khoa-hoc-du-lieu-chan-troi-sang-tao/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài F16: Máy tính, thuật toán và Khoa học dữ liệu (Chân Trời Sáng Tạo)">Đề Trắc nghiệm Tin học 12 – Bài F16: Máy tính, thuật toán và Khoa học dữ liệu (Chân Trời Sáng Tạo)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-f15-khoa-hoc-du-lieu-chan-troi-sang-tao/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài F15: Khoa học dữ liệu (Chân Trời Sáng Tạo)">Đề Trắc nghiệm Tin học 12 – Bài F15: Khoa học dữ liệu (Chân Trời Sáng Tạo)</a></li> </ol> </div> </div> <footer class="entry-meta" aria-label="Meta bài viết"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Danh mục </span><a href="https://tracnghiem.org/thpt/trac-nghiem-lop-12/trac-nghiem-mon-tin-hoc-12-chan-troi-sang-tao/" rel="category tag">Trắc Nghiệm Môn Tin Học 12 - Chân Trời Sáng Tạo</a></span> </footer> </div> </article> </main> </div> </div> </div> <div class="site-footer grid-container"> <div id="footer-widgets" class="site footer-widgets"> <div class="footer-widgets-container grid-container"> <div class="inside-footer-widgets"> <div class="footer-widget-1"> <aside id="block-14" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Brand</strong></h4> </aside><aside id="block-23" class="widget inner-padding widget_block widget_media_image"><div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="500" height="500" src="http://tracnghiem.org/wp-content/uploads/2025/04/lam-trac-nghiem-logo.png" alt="" class="wp-image-486" style="width:156px;height:auto"/></figure></div></aside> </div> <div class="footer-widget-2"> <aside id="block-16" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Về chúng tôi</strong></h4> </aside><aside id="block-22" class="widget inner-padding widget_block widget_text"> <p><strong>Làm Trắc Nghiệm</strong> là nền tảng học tập trực tuyến miễn phí, chuyên cung cấp bài tập trắc nghiệm và ôn thi. Website được thiết kế để hỗ trợ bạn trong suốt quá trình học và ôn luyện, giúp bạn chuẩn bị tốt nhất cho các kỳ thi một cách hiệu quả và đơn giản.</p> </aside> </div> <div class="footer-widget-3"> <aside id="block-17" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Kết nối với chúng tôi</strong></h4> </aside><aside id="block-18" class="widget inner-padding widget_block"> <ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> <li class="wp-social-link wp-social-link-x wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li> <li class="wp-social-link wp-social-link-bluesky wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Bluesky</span></a></li> <li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul> </aside> </div> <div class="footer-widget-4"> <aside id="block-25" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Tìm kiếm</strong></h4> </aside><aside id="block-26" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://tracnghiem.org/" class="wp-block-search__button-inside wp-block-search__icon-button aligncenter wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Tìm kiếm</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Tìm kiếm" class="wp-block-search__button has-icon wp-element-button" type="submit" ><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24"> <path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path> </svg></button></div></form></aside> </div> </div> </div> </div> <footer class="site-info" aria-label="Trang" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> © 2025 Làm Trắc Nghiệm <br> <a href="https://tracnghiem.org/about-us/" target="_blank" rel="noopener nofollow">Giới thiệu</a> - <a href="https://tracnghiem.org/disclaimer/" target="_blank" rel="noopener nofollow">Miễn trừ trách nhiệm</a> - <a href="https://tracnghiem.org/policy/" target="_blank" rel="noopener nofollow">Chính sách bảo mật</a> - <a href="https://tracnghiem.org/policy/content/" target="_blank" rel="noopener nofollow">Chính sách nội dung</a> - <a href="https://tracnghiem.org/contact/" target="_blank" rel="noopener nofollow">Liên hệ</a> </div> </div> </footer> </div> <a title="Di chuyển lên đầu trang" aria-label="Di chuyển lên đầu trang" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button"> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> </a><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <div class="gp-modal gp-search-modal" id="gp-search"> <div class="gp-modal__overlay" tabindex="-1" data-gpmodal-close> <div class="gp-modal__container"> <form role="search" method="get" class="search-modal-form" action="https://tracnghiem.org/"> <label for="search-modal-input" class="screen-reader-text">Tìm kiếm cho:</label> <div class="search-modal-fields"> <input id="search-modal-input" type="search" class="search-field" placeholder="Tìm kiếm …" value="" name="s" /> <button aria-label="Tìm kiếm"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button> </div> </form> </div> </div> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link data-minify="1" rel='stylesheet' id='quiz-maker-font-awesome-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/quiz-maker-font-awesome.min.css?ver=1758809631' media='all' /> <link rel='stylesheet' id='quiz-maker-sweetalert-css-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-sweetalert2.min.css?ver=21.8.1' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-animate-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/animate.css?ver=1758809631' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-animations-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/animations.css?ver=1758809631' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-rating-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/rating.min.css?ver=1758809631' media='all' /> <link rel='stylesheet' id='quiz-maker-select2-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-select2.min.css?ver=21.8.1' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-loaders-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/loaders.css?ver=1758809631' media='all' /> <link rel='stylesheet' id='quiz-maker-dataTable-min-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-dataTables.min.css?ver=21.8.1' media='all' /> <!--[if lte IE 11]> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"M\u1edf Sub-menu","closeSubMenuLabel":"\u0110\u00f3ng Sub-menu"}; </script> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/themes/generatepress/assets/dist/modal.js?ver=1753266783" id="generate-modal-js"></script> <script id="generate-back-to-top-js-extra"> var generatepressBackToTop = {"smooth":"1"}; </script> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id="generate-back-to-top-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-select2.min.js?ver=21.8.1" id="quiz-maker-select2js-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-sweetalert2.all.min.js?ver=21.8.1" id="quiz-maker-sweetalert-js-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/rating.min.js?ver=21.8.1" id="quiz-maker-rate-quiz-js"></script> <script id="quiz-maker-datatable-min-js-extra"> var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; </script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-datatable.min.js?ver=21.8.1" id="quiz-maker-datatable-min-js"></script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-functions.js?ver=1753266783" id="quiz-maker-functions.js-js"></script> <script id="quiz-maker-ajax-public-js-extra"> var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-public-ajax.js?ver=1753266783" id="quiz-maker-ajax-public-js"></script> <script id="quiz-maker-js-extra"> var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-public.js?ver=1753266783" id="quiz-maker-js"></script> <script> var keyword_hub_ajax_url = 'https://tracnghiem.org/wp-admin/admin-ajax.php'; var keyword_hub_nonce = '52e8b91756'; (function($) { $(document).on("click", ".view_result_hub", function(){ let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); let _that = $(this); console.log(_this_current_id); if(!_this_current_id){ alert("Vui lòng F5 và thử lại #8001");return false; } //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { console.log(response); if(response.success){ $(`#kw_guide_image_${_this_current_id}`).attr("src", response.data.guidImage); $(`#kw_guide_image_${_this_current_id}`).attr("alt", response.data.keyword); if(response.data.getCodeImage){ $(`#kw_get_pass_${_this_current_id}`).attr("src", response.data.getCodeImage); $(`#kw_get_pass_${_this_current_id}`).attr("alt", response.data.keyword); } if(response.data.description){ $(`#step_3_${_this_current_id}`).html(`<p><strong style="color: #c12c31;">Bước 3:</strong> </p> ${response.data.description}`); } $(`#kw-id_${_this_current_id}`).val(response.data.keywordId); $(`#keyword-content_${_this_current_id}`).text(response.data.keyword); $(`#form-kw-hub_${_this_current_id}`).show(); _that.hide(); } else{ alert(response.data.message); } }, error: function(xhr, status, error) { console.log(error); } }); }); $(document).on("click", ".get_new_mission", function(){ let _that = $(this); let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); //console.log(keyword_hub_nonce); //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.addClass("running"); $(`#form-kw-hub_${_this_current_id}`).addClass('running'); }, success: function(response) { console.log(response); if(response.success){ $(`#kw_guide_image_${_this_current_id}`).attr("src", response.data.guidImage); $(`#kw_guide_image_${_this_current_id}`).attr("alt", response.data.keyword); if(response.data.getCodeImage){ $(`#kw_get_pass_${_this_current_id}`).attr("src", response.data.getCodeImage); $(`#kw_get_pass_${_this_current_id}`).attr("alt", response.data.keyword); } if(response.data.description){ $(`#step_3_${_this_current_id}`).html(`<p><strong style="color: #c12c31;">Bước 3:</strong> </p> ${response.data.description}`); } $(`#kw-id_${_this_current_id}`).val(response.data.keywordId); $(`#keyword-content_${_this_current_id}`).text(response.data.keyword); $(`#form-kw-hub_${_this_current_id}`).show(); } else{ alert(response.data.message); } _that.removeClass("running"); $(`#form-kw-hub_${_this_current_id}`).removeClass('running'); }, error: function(xhr, status, error) { console.log(error); } }); }); $('.submit_kw_hub').on('click', function(e) { e.preventDefault(); let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); let custom_form = $(`#form-kw-hub_${_this_current_id}`); var inputValue = $(`#kw-hub-input_${_this_current_id}`).val(); var inputId = $(`#kw-id_${_this_current_id}`).val(); let _that = $(this); if( inputId == '') { alert("Có lỗi xảy ra. Vui lòng reload page!"); return; } if(inputValue === '') { alert("Vui lòng nhập mã!"); return; } $.ajax({ url: quiz_maker_ajax_public.ajax_url, type: 'POST', data: { action: 'validate_quiz', keyword: inputValue.trim(), keywordId: inputId.trim(), nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { _that.html('Xác nhận'); console.log(response); if(response.success){ //custom_form.append(''); console.log("validate ok"); $(`#btn_ays_finish_quiz_${_this_current_id}`).click(); } else{ alert("Sai mật khẩu. Vui lòng thử lại!"); } }, error: function(xhr, status, error) { _that.html('Xác nhận'); } }); }); $('.copy-keyword-btn').click(function () { let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); const keyword = $(`#keyword-content_${_this_current_id}`).text(); let _that = $(this); navigator.clipboard.writeText(keyword).then(() => { _that.html(`<span class="fa fa-check"></span> Copy từ khóa`); }); setTimeout( function(){ _that.html(`<span class="fa fa-copy"></span> Copy từ khóa`); }, 1500); }); $(document).on("click", ".start_button", function(){ let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); //console.log(_this_current_id, "start_button"); if(_this_current_id){ setTimeout(function() { var submitButton = document.querySelector(`#btn_ays_finish_quiz_${$_this_current_id}`); if (submitButton) { submitButton.remove(); } }, 2400000); } }); })(jQuery); </script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","nonce":"c6dcdf27ef","url":"https:\/\/tracnghiem.org\/de-trac-nghiem-tin-hoc-12-bai-f12-dinh-kieu-css-cho-bieu-mau-chan-troi-sang-tao","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://tracnghiem.org/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1760015743 -->