{"id":28,"date":"2026-09-27T00:34:45","date_gmt":"2026-09-26T21:34:45","guid":{"rendered":"https:\/\/kab2-01.acsp.org.ua\/?page_id=28"},"modified":"2026-09-27T00:34:45","modified_gmt":"2026-09-26T21:34:45","slug":"%d1%82%d0%b5%d1%81%d1%82%d0%b8","status":"publish","type":"page","link":"https:\/\/kab2-01.acsp.org.ua\/?page_id=28","title":{"rendered":"\u0422\u0435\u0441\u0442\u0438"},"content":{"rendered":"<p><main class=\"page-main\" id=\"main\"><\/p>\n<div class=\"page-heading\">\n<p class=\"eyebrow\">\u0420\u041e\u0417\u0414\u0406\u041b 03 \u00b7 \u041f\u0415\u0420\u0415\u0412\u0406\u0420 \u0421\u0415\u0411\u0415<\/p>\n<h1>\u0422\u0435\u0441\u0442 \u0456\u0437 12 \u043f\u0438\u0442\u0430\u043d\u044c<\/h1>\n<p>\u041e\u0431\u0435\u0440\u0438 \u043e\u0434\u043d\u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c \u0443 \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u043f\u0438\u0442\u0430\u043d\u043d\u0456. \u041f\u0456\u0441\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438 \u043f\u043e\u0431\u0430\u0447\u0438\u0448 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n<\/div>\n<form id=\"css-quiz\" class=\"quiz-form\">\n<fieldset class=\"question\" data-answer=\"b\">\n<legend>1. \u0414\u043b\u044f \u0447\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c CSS?<\/legend>\n<p><label><input type=\"radio\" name=\"q1\" value=\"a\"> \u0414\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0456<\/label><label><input type=\"radio\" name=\"q1\" value=\"b\"> \u0414\u043b\u044f \u043e\u043f\u0438\u0441\u0443 \u0432\u0438\u0433\u043b\u044f\u0434\u0443 HTML-\u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432<\/label><label><input type=\"radio\" name=\"q1\" value=\"c\"> \u0414\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 \u0431\u0430\u0437\u0438 \u0434\u0430\u043d\u0438\u0445<\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"a\">\n<legend>2. \u042f\u043a\u0438\u043c \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u043f\u043e\u0447\u0438\u043d\u0430\u0454\u0442\u044c\u0441\u044f \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u043a\u043b\u0430\u0441\u0443?<\/legend>\n<p><label><input type=\"radio\" name=\"q2\" value=\"a\"> \u041a\u0440\u0430\u043f\u043a\u043e\u044e: <code>.card<\/code><\/label><label><input type=\"radio\" name=\"q2\" value=\"b\"> \u0420\u0435\u0448\u0456\u0442\u043a\u043e\u044e: <code>#card<\/code><\/label><label><input type=\"radio\" name=\"q2\" value=\"c\"> \u0414\u0432\u043e\u043a\u0440\u0430\u043f\u043a\u043e\u044e: <code>:card<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"c\">\n<legend>3. \u042f\u043a\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c \u0437\u043c\u0456\u043d\u044e\u0454 \u043a\u043e\u043b\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443?<\/legend>\n<p><label><input type=\"radio\" name=\"q3\" value=\"a\"> <code>background<\/code><\/label><label><input type=\"radio\" name=\"q3\" value=\"b\"> <code>font-style<\/code><\/label><label><input type=\"radio\" name=\"q3\" value=\"c\"> <code>color<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"b\">\n<legend>4. \u0429\u043e \u0437\u0430\u0434\u0430\u0454 <code>padding<\/code>?<\/legend>\n<p><label><input type=\"radio\" name=\"q4\" value=\"a\"> \u0412\u0456\u0434\u0441\u0442\u0430\u043d\u044c \u043c\u0456\u0436 \u0441\u0443\u0441\u0456\u0434\u043d\u0456\u043c\u0438 \u0431\u043b\u043e\u043a\u0430\u043c\u0438<\/label><label><input type=\"radio\" name=\"q4\" value=\"b\"> \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u043c\u0456\u0436 \u0432\u043c\u0456\u0441\u0442\u043e\u043c \u0456 \u0440\u0430\u043c\u043a\u043e\u044e<\/label><label><input type=\"radio\" name=\"q4\" value=\"c\"> \u0422\u043e\u0432\u0449\u0438\u043d\u0443 \u0448\u0440\u0438\u0444\u0442\u0443<\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"a\">\n<legend>5. \u042f\u043a\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c \u0434\u043e\u0434\u0430\u0454 \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f?<\/legend>\n<p><label><input type=\"radio\" name=\"q5\" value=\"a\"> <code>margin<\/code><\/label><label><input type=\"radio\" name=\"q5\" value=\"b\"> <code>padding<\/code><\/label><label><input type=\"radio\" name=\"q5\" value=\"c\"> <code>outline<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"c\">\n<legend>6. \u042f\u043a \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0437 id <code>main<\/code>?<\/legend>\n<p><label><input type=\"radio\" name=\"q6\" value=\"a\"> <code>.main<\/code><\/label><label><input type=\"radio\" name=\"q6\" value=\"b\"> <code>main()<\/code><\/label><label><input type=\"radio\" name=\"q6\" value=\"c\"> <code>#main<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"b\">\n<legend>7. \u042f\u043a\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f <code>display<\/code> \u0441\u0442\u0432\u043e\u0440\u044e\u0454 \u0433\u043d\u0443\u0447\u043a\u0438\u0439 \u043e\u0434\u043d\u043e\u0432\u0438\u043c\u0456\u0440\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440?<\/legend>\n<p><label><input type=\"radio\" name=\"q7\" value=\"a\"> <code>block<\/code><\/label><label><input type=\"radio\" name=\"q7\" value=\"b\"> <code>flex<\/code><\/label><label><input type=\"radio\" name=\"q7\" value=\"c\"> <code>hidden<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"a\">\n<legend>8. \u0429\u043e \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u0454 \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0441\u0442\u0438\u043b\u0456 \u043d\u0430 \u0432\u0443\u0437\u044c\u043a\u0438\u0445 \u0435\u043a\u0440\u0430\u043d\u0430\u0445?<\/legend>\n<p><label><input type=\"radio\" name=\"q8\" value=\"a\"> \u041c\u0435\u0434\u0456\u0430\u0437\u0430\u043f\u0438\u0442 <code>@media<\/code><\/label><label><input type=\"radio\" name=\"q8\" value=\"b\"> \u041a\u043e\u043c\u0435\u043d\u0442\u0430\u0440 CSS<\/label><label><input type=\"radio\" name=\"q8\" value=\"c\"> \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>alt<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"c\">\n<legend>9. \u042f\u043a\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c \u043a\u0435\u0440\u0443\u0454 \u0440\u043e\u0437\u043c\u0456\u0440\u043e\u043c \u0442\u0435\u043a\u0441\u0442\u0443?<\/legend>\n<p><label><input type=\"radio\" name=\"q9\" value=\"a\"> <code>text-weight<\/code><\/label><label><input type=\"radio\" name=\"q9\" value=\"b\"> <code>line-height<\/code><\/label><label><input type=\"radio\" name=\"q9\" value=\"c\"> <code>font-size<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"b\">\n<legend>10. \u042f\u043a\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f <code>box-sizing<\/code> \u0432\u043a\u043b\u044e\u0447\u0430\u0454 padding \u0456 border \u0443 \u0437\u0430\u0434\u0430\u043d\u0443 \u0448\u0438\u0440\u0438\u043d\u0443?<\/legend>\n<p><label><input type=\"radio\" name=\"q10\" value=\"a\"> <code>content-box<\/code><\/label><label><input type=\"radio\" name=\"q10\" value=\"b\"> <code>border-box<\/code><\/label><label><input type=\"radio\" name=\"q10\" value=\"c\"> <code>padding-box<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"a\">\n<legend>11. \u042f\u043a\u0438\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0432\u0438\u0431\u0435\u0440\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457?<\/legend>\n<p><label><input type=\"radio\" name=\"q11\" value=\"a\"> <code>nav a<\/code><\/label><label><input type=\"radio\" name=\"q11\" value=\"b\"> <code>a + nav<\/code><\/label><label><input type=\"radio\" name=\"q11\" value=\"c\"> <code>#nav-link<\/code><\/label><\/fieldset>\n<fieldset class=\"question\" data-answer=\"c\">\n<legend>12. \u0429\u043e \u0440\u043e\u0431\u0438\u0442\u044c <code>color<\/code>, \u0437\u0430\u0434\u0430\u043d\u0438\u0439 \u0434\u043b\u044f <code>body<\/code>, \u044f\u043a\u0449\u043e \u0434\u043e\u0447\u0456\u0440\u043d\u044c\u043e\u043c\u0443 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043d\u0435 \u0437\u0430\u0434\u0430\u043d\u043e \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u043a\u043e\u043b\u0456\u0440?<\/legend>\n<p><label><input type=\"radio\" name=\"q12\" value=\"a\"> \u0406\u0433\u043d\u043e\u0440\u0443\u0454\u0442\u044c\u0441\u044f \u0443\u0441\u0456\u043c\u0430 \u0434\u043e\u0447\u0456\u0440\u043d\u0456\u043c\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438<\/label><label><input type=\"radio\" name=\"q12\" value=\"b\"> \u0417\u043c\u0456\u043d\u044e\u0454 \u043b\u0438\u0448\u0435 \u043a\u043e\u043b\u0456\u0440 \u0440\u0430\u043c\u043a\u0438<\/label><label><input type=\"radio\" name=\"q12\" value=\"c\"> \u0417\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u0443\u0441\u043f\u0430\u0434\u043a\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0434\u043e\u0447\u0456\u0440\u043d\u044c\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430<\/label><\/fieldset>\n<div class=\"quiz-actions\"><button class=\"button button-dark\" type=\"submit\">\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456 <span aria-hidden=\"true\">\u2197<\/span><\/button><button class=\"text-link\" type=\"reset\">\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0438 \u0442\u0435\u0441\u0442<\/button><\/div>\n<p id=\"quiz-result\" class=\"quiz-result\" role=\"status\" tabindex=\"-1\" hidden>\n<\/form>\n<p><\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0420\u041e\u0417\u0414\u0406\u041b 03 \u00b7 \u041f\u0415\u0420\u0415\u0412\u0406\u0420 \u0421\u0415\u0411\u0415 \u0422\u0435\u0441\u0442 \u0456\u0437 12 \u043f\u0438\u0442\u0430\u043d\u044c \u041e\u0431\u0435\u0440\u0438 \u043e\u0434\u043d\u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c \u0443 \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u043f\u0438\u0442\u0430\u043d\u043d\u0456. \u041f\u0456\u0441\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438 \u043f\u043e\u0431\u0430\u0447\u0438\u0448 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. 1. \u0414\u043b\u044f \u0447\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c CSS? \u0414\u043b\u044f \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0456 \u0414\u043b\u044f \u043e\u043f\u0438\u0441\u0443 \u0432\u0438\u0433\u043b\u044f\u0434\u0443 HTML-\u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0414\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 \u0431\u0430\u0437\u0438 \u0434\u0430\u043d\u0438\u0445 2. \u042f\u043a\u0438\u043c \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u043f\u043e\u0447\u0438\u043d\u0430\u0454\u0442\u044c\u0441\u044f \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u043a\u043b\u0430\u0441\u0443? \u041a\u0440\u0430\u043f\u043a\u043e\u044e: .card \u0420\u0435\u0448\u0456\u0442\u043a\u043e\u044e: #card \u0414\u0432\u043e\u043a\u0440\u0430\u043f\u043a\u043e\u044e: :card 3. \u042f\u043a\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c \u0437\u043c\u0456\u043d\u044e\u0454 \u043a\u043e\u043b\u0456\u0440 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":1,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}