{"id":26,"date":"2026-09-27T00:33:53","date_gmt":"2026-09-26T21:33:53","guid":{"rendered":"https:\/\/kab2-01.acsp.org.ua\/?page_id=26"},"modified":"2026-09-27T00:33:53","modified_gmt":"2026-09-26T21:33:53","slug":"%d0%bf%d1%80%d0%b0%d0%ba%d1%82%d0%b8%d0%ba%d0%b0","status":"publish","type":"page","link":"https:\/\/kab2-01.acsp.org.ua\/?page_id=26","title":{"rendered":"\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430"},"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 02 \u00b7 \u0421\u041f\u0420\u041e\u0411\u0423\u0419 \u0421\u0410\u041c<\/p>\n<h1>CSS-\u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0456\u044f<\/h1>\n<p>\u0417\u043c\u0456\u043d\u044e\u0439 \u043a\u043e\u0434 \u043b\u0456\u0432\u043e\u0440\u0443\u0447 \u0456 \u0441\u043f\u043e\u0441\u0442\u0435\u0440\u0456\u0433\u0430\u0439 \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u043f\u0440\u0430\u0432\u043e\u0440\u0443\u0447. \u041f\u043e\u0447\u043d\u0438 \u0437 \u043a\u043e\u043b\u044c\u043e\u0440\u0443, \u0430 \u0442\u043e\u0434\u0456 \u0441\u043f\u0440\u043e\u0431\u0443\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438, \u0440\u0430\u043c\u043a\u0443 \u0439 \u0448\u0440\u0438\u0444\u0442.<\/p>\n<\/div>\n<div class=\"practice-layout\">\n<section class=\"editor-panel\">\n<div class=\"panel-label\">styles.css \u00b7 \u0440\u0435\u0434\u0430\u0433\u0443\u0439 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456<\/div>\n<p><label class=\"visually-hidden\" for=\"css-editor\">\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 CSS<\/label><textarea class=\"practice-editor\" id=\"css-editor\" spellcheck=\"false\">#practice-preview {<br \/>\n  background: #f2eee2;<br \/>\n  color: #202b2b;<br \/>\n  padding: 24px;<br \/>\n  border: 2px solid #202b2b;<br \/>\n  border-radius: 4px;<br \/>\n}<\/p>\n<p>#practice-preview h3 {<br \/>\n  color: #c94835;<br \/>\n  font-size: 28px;<br \/>\n}<\/textarea><\/section>\n<section class=\"preview-panel\" aria-label=\"\u041f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\">\n<div class=\"panel-label\">\u041f\u041e\u041f\u0415\u0420\u0415\u0414\u041d\u0406\u0419 \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u0414<\/div>\n<div id=\"practice-preview\" class=\"preview-card\">\n<h3>\u041c\u043e\u044f \u043f\u0435\u0440\u0448\u0430 \u043a\u0430\u0440\u0442\u043a\u0430<\/h3>\n<p>\u0417\u043c\u0456\u043d\u0438 CSS \u0456 \u043f\u043e\u0434\u0438\u0432\u0438\u0441\u044f, \u044f\u043a \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u043f\u0440\u0430\u0446\u044e\u044e\u0442\u044c \u0440\u0430\u0437\u043e\u043c.<\/p>\n<p><a href=\"https:\/\/kab2-01.acsp.org.ua\/?page_id=23\">\u041f\u043e\u0432\u0435\u0440\u043d\u0443\u0442\u0438\u0441\u044f \u0434\u043e \u0442\u0435\u043e\u0440\u0456\u0457 \u2192<\/a><\/div>\n<\/section>\n<\/div>\n<style id=\"practice-style\"><\/style>\n<article class=\"article-content\">\n<h2>\u041c\u0456\u043d\u0456\u0447\u0435\u043b\u0435\u043d\u0434\u0436<\/h2>\n<ol>\n<li>\u0417\u0430\u0434\u0430\u0439 \u0444\u043e\u043d\u0443 \u044f\u0441\u043a\u0440\u0430\u0432\u0438\u0439 \u043a\u043e\u043b\u0456\u0440.<\/li>\n<li>\u0417\u0431\u0456\u043b\u044c\u0448 \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0434\u043e <code>32px<\/code>.<\/li>\n<li>\u0417\u0440\u043e\u0431\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u0456\u043b\u044c\u0448\u0438\u043c \u0430\u0431\u043e \u0437\u043c\u0456\u043d\u0438 \u0439\u043e\u0433\u043e \u043a\u043e\u043b\u0456\u0440.<\/li>\n<li>\u0414\u043e\u0434\u0430\u0439 \u043a\u0430\u0440\u0442\u0446\u0456 \u0440\u0430\u043c\u043a\u0443 \u0447\u0438 \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044f \u043a\u0443\u0442\u0456\u0432.<\/li>\n<\/ol>\n<p>\u041f\u043e\u0447\u0430\u0442\u043a\u043e\u0432\u0438\u0439 \u0441\u0442\u0438\u043b\u044c \u0437\u0430\u0432\u0436\u0434\u0438 \u043c\u043e\u0436\u043d\u0430 \u0432\u0456\u0434\u043d\u043e\u0432\u0438\u0442\u0438, \u043f\u0435\u0440\u0435\u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0432\u0448\u0438 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443. \u0412\u0438\u0432\u0447\u0438 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0432 \u0440\u043e\u0437\u0434\u0456\u043b\u0456 <a href=\"https:\/\/kab2-01.acsp.org.ua\/?page_id=23\">\u0442\u0435\u043e\u0440\u0456\u0457<\/a>, \u0430 \u043f\u043e\u0442\u0456\u043c \u043f\u0435\u0440\u0435\u0432\u0456\u0440 \u0437\u043d\u0430\u043d\u043d\u044f \u0443 <a href=\"https:\/\/kab2-01.acsp.org.ua\/?page_id=28\">\u0442\u0435\u0441\u0442\u0456<\/a>.<\/p>\n<\/article>\n<p><\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0420\u041e\u0417\u0414\u0406\u041b 02 \u00b7 \u0421\u041f\u0420\u041e\u0411\u0423\u0419 \u0421\u0410\u041c CSS-\u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0456\u044f \u0417\u043c\u0456\u043d\u044e\u0439 \u043a\u043e\u0434 \u043b\u0456\u0432\u043e\u0440\u0443\u0447 \u0456 \u0441\u043f\u043e\u0441\u0442\u0435\u0440\u0456\u0433\u0430\u0439 \u0437\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u043f\u0440\u0430\u0432\u043e\u0440\u0443\u0447. \u041f\u043e\u0447\u043d\u0438 \u0437 \u043a\u043e\u043b\u044c\u043e\u0440\u0443, \u0430 \u0442\u043e\u0434\u0456 \u0441\u043f\u0440\u043e\u0431\u0443\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438, \u0440\u0430\u043c\u043a\u0443 \u0439 \u0448\u0440\u0438\u0444\u0442. styles.css \u00b7 \u0440\u0435\u0434\u0430\u0433\u0443\u0439 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 CSS#practice-preview { background: #f2eee2; color: #202b2b; padding: 24px; border: 2px solid #202b2b; border-radius: 4px; } #practice-preview h3 { color: #c94835; font-size: 28px; } \u041f\u041e\u041f\u0415\u0420\u0415\u0414\u041d\u0406\u0419 \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u0414 \u041c\u043e\u044f [&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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":1,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}