Đề 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 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.

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.

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.

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).

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.

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...).

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ó.

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.

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.

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.

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.

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.

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.

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.

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.

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ử.

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ử.

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.

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.

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ử.

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`.

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.

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ử đó.

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.

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.

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.

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.

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ử.

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"]`.

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.

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ẻ `` mà có thuộc tính `type` với giá trị là `text`.

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ử.

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ẻ `` liền kề ngay sau một `` đang ở trạng thái `:checked` (đã chọn).

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.

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ử.

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.

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`.

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.

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ẻ `

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.

Câu hỏi kiểm tra cách thay đổi hành vi hiển thị mặc định. Thẻ `` 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.

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`.

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).

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`).

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ử.

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`.

Câu hỏi kiểm tra cách định vị thẻ `

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ử `` ở trạng thái `:focus`, hiệu ứng `box-shadow` được áp dụng.

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).

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.

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`).

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ẻ `` đứng ngay sau một nút radio đã chọn.

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.

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ử.

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`).

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ẻ `` 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.

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.

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ư ``.</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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?</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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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ài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?</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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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ài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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['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=1753266781" /> <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='cd84c970f8'/> </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ài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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ài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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=1753266781" /> <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='cd84c970f8'/> </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-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-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-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-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-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=1753266781' 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=1753266781' 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=1753266781' 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=1753266781' 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=1753266781' 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 = 'ed194864a2'; (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":"7cf161f4ee","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 -->