{"id":20,"date":"2026-09-27T00:19:35","date_gmt":"2026-09-26T21:19:35","guid":{"rendered":"https:\/\/kab2-01.acsp.org.ua\/?page_id=20"},"modified":"2026-09-27T00:21:41","modified_gmt":"2026-09-26T21:21:41","slug":"%d0%b3%d0%be%d0%bb%d0%be%d0%b2%d0%bd%d0%b0","status":"publish","type":"page","link":"https:\/\/kab2-01.acsp.org.ua\/","title":{"rendered":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"},"content":{"rendered":"<p><main id=\"main\"><\/p>\n<section class=\"welcome section-wrap\">\n<div class=\"welcome-copy\">\n<p class=\"eyebrow\"><span class=\"live-dot\"><\/span> \u0406\u041d\u0422\u0415\u0420\u0410\u041a\u0422\u0418\u0412\u041d\u0418\u0419 \u041a\u0423\u0420\u0421 \u00b7 \u0423\u041a\u0420\u0410\u0407\u041d\u0421\u042c\u041a\u041e\u042e<\/p>\n<h1>\u0421\u0442\u0438\u043b\u0456\u0437\u0443\u0439<br \/><span>\u0441\u043c\u0456\u043b\u0438\u0432\u043e.<\/span><\/h1>\n<p class=\"intro\">CSS \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u0454 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 \u043d\u0430 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441. \u0420\u043e\u0437\u0431\u0435\u0440\u0456\u043c\u043e\u0441\u044f, \u044f\u043a \u0446\u0435 \u043f\u0440\u0430\u0446\u044e\u0454: \u0432\u0456\u0434 \u043f\u0435\u0440\u0448\u043e\u0457 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0434\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0457 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438.<\/p>\n<div class=\"welcome-actions\"><a class=\"button button-dark\" href=\"theory.html\">\u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f <span aria-hidden=\"true\">\u2197<\/span><\/a><a class=\"text-link\" href=\"practice.html\">\u041e\u0434\u0440\u0430\u0437\u0443 \u0434\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\n<div class=\"course-meta\"><span><strong>09<\/strong> \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0445 \u0443\u0440\u043e\u043a\u0456\u0432<\/span><span><strong>12<\/strong> \u043f\u0438\u0442\u0430\u043d\u044c \u0443 \u0442\u0435\u0441\u0442\u0456<\/span><span><strong>100%<\/strong> \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u044e<\/span><\/div>\n<\/p><\/div>\n<div class=\"code-stage\" aria-label=\"\u041f\u0440\u0438\u043a\u043b\u0430\u0434 CSS-\u043a\u043e\u0434\u0443, \u0449\u043e \u0441\u0442\u0438\u043b\u0456\u0437\u0443\u0454 \u043a\u0430\u0440\u0442\u043a\u0443\">\n<div class=\"stage-top\"><span>\u041f\u0415\u0420\u0428\u0418\u0419 \u0421\u0422\u0418\u041b\u042c<\/span><span class=\"window-dots\" aria-hidden=\"true\">\u25cf \u25cf \u25cf<\/span><\/div>\n<div class=\"mini-browser\">\n<div class=\"mini-browser-bar\"><span><\/span><span><\/span><span><\/span><i>localhost \/ \u043a\u0430\u0440\u0442\u043a\u0430<\/i><\/div>\n<div class=\"demo-card\">\n<div class=\"demo-spark\" aria-hidden=\"true\">\u2733<\/div>\n<p class=\"demo-label\">CSS \u00b7 \u0412\u041b\u0410\u0421\u0422\u0418\u0412\u0406\u0421\u0422\u042c \u2116 01<\/p>\n<h2>\u041a\u043e\u043b\u0456\u0440 \u0437\u0430\u0434\u0430\u0454<br \/>\u043d\u0430\u0441\u0442\u0440\u0456\u0439.<\/h2>\n<div class=\"demo-swatch\"><span><\/span><span><\/span><span><\/span><code>color: tomato;<\/code><\/div>\n<\/div><\/div>\n<div class=\"code-caption\"><span class=\"code-line\">.card {<\/span><span class=\"code-line indent\"><b>color:<\/b> tomato;<\/span><span class=\"code-line\">}<\/span><span class=\"caption-note\">\u041e\u0434\u043d\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c.<br \/>\u0406\u043d\u0448\u0435 \u0432\u0440\u0430\u0436\u0435\u043d\u043d\u044f.<\/span><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"learning section-wrap\" aria-labelledby=\"learning-title\">\n<div class=\"section-heading\">\n<div>\n<p class=\"eyebrow\">\u041c\u0410\u0420\u0428\u0420\u0423\u0422 \u041d\u0410\u0412\u0427\u0410\u041d\u041d\u042f<\/p>\n<h2 id=\"learning-title\">\u041e\u0431\u0435\u0440\u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043a\u0440\u043e\u043a<\/h2>\n<\/div>\n<p><a class=\"text-link\" href=\"categories.html\">\u0423\u0441\u0456 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u0457 <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n<div class=\"learning-grid\">\n\t\t\t\t<a class=\"learning-card card-theory\" href=\"theory.html\"><span class=\"card-number\">01 \/ \u041e\u0421\u041d\u041e\u0412\u0418<\/span><span class=\"card-icon\" aria-hidden=\"true\">Aa<\/span><\/p>\n<h3>\u0422\u0435\u043e\u0440\u0456\u044f<\/h3>\n<p>\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0438, \u043a\u0430\u0441\u043a\u0430\u0434, \u043a\u043e\u043b\u044c\u043e\u0440\u0438, \u0448\u0440\u0438\u0444\u0442\u0438 \u0442\u0430 \u0431\u043b\u043e\u043a\u043e\u0432\u0430 \u043c\u043e\u0434\u0435\u043b\u044c.<\/p>\n<p><span class=\"card-link\">\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0434\u043e \u0443\u0440\u043e\u043a\u0456\u0432 <b>\u2197<\/b><\/span><\/a><br \/>\n\t\t\t\t<a class=\"learning-card card-practice\" href=\"practice.html\"><span class=\"card-number\">02 \/ \u0421\u041f\u0420\u041e\u0411\u0423\u0419<\/span><span class=\"card-icon\" aria-hidden=\"true\">{ }<\/span><\/p>\n<h3>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430<\/h3>\n<p>\u0420\u0435\u0434\u0430\u0433\u0443\u0439 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0439 \u043e\u0434\u0440\u0430\u0437\u0443 \u0431\u0430\u0447, \u044f\u043a \u0437\u043c\u0456\u043d\u044e\u0454\u0442\u044c\u0441\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n<p><span class=\"card-link\">\u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0438 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f <b>\u2197<\/b><\/span><\/a><br \/>\n\t\t\t\t<a class=\"learning-card card-test\" href=\"tests.html\"><span class=\"card-number\">03 \/ \u041f\u0415\u0420\u0415\u0412\u0406\u0420 \u0421\u0415\u0411\u0415<\/span><span class=\"card-icon\" aria-hidden=\"true\">\u2713<\/span><\/p>\n<h3>\u0422\u0435\u0441\u0442 \u0456\u0437 12 \u043f\u0438\u0442\u0430\u043d\u044c<\/h3>\n<p>\u0417\u0430\u043a\u0440\u0456\u043f\u0438 \u0437\u043d\u0430\u043d\u043d\u044f \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u044e \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u043e\u044e \u0437 \u043c\u0438\u0442\u0442\u0454\u0432\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c.<\/p>\n<p><span class=\"card-link\">\u041f\u043e\u0447\u0430\u0442\u0438 \u0442\u0435\u0441\u0442 <b>\u2197<\/b><\/span><\/a>\n\t\t\t<\/div>\n<\/section>\n<section class=\"next-lesson section-wrap\">\n<div class=\"lesson-index\">\u0423\u0420\u041e\u041a<br \/><strong>01<\/strong><\/div>\n<div class=\"lesson-copy\">\n<p class=\"eyebrow\">\u041f\u041e\u0427\u041d\u0418 \u0417 \u041f\u0420\u041e\u0421\u0422\u041e\u0413\u041e<\/p>\n<h2>\u0429\u043e \u0442\u0430\u043a\u0435 CSS?<\/h2>\n<p>CSS \u043e\u043f\u0438\u0441\u0443\u0454, \u044f\u043a \u043c\u0430\u044e\u0442\u044c \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0442\u0438 HTML-\u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438: \u0457\u0445\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440, \u0440\u043e\u0437\u043c\u0456\u0440, \u0440\u043e\u0437\u0442\u0430\u0448\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u043e\u0432\u0435\u0434\u0456\u043d\u043a\u0430 \u043d\u0430 \u0440\u0456\u0437\u043d\u0438\u0445 \u0435\u043a\u0440\u0430\u043d\u0430\u0445.<\/p>\n<\/div>\n<div class=\"lesson-code\"><code><span>h1<\/span> {<br \/>&nbsp; color: <em>#e9563f<\/em>;<br \/>&nbsp; font-size: <em>2rem<\/em>;<br \/>}<\/code><a href=\"theory.html#css-basics\">\u0427\u0438\u0442\u0430\u0442\u0438 \u0443\u0440\u043e\u043a <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\n<\/section>\n<section class=\"lower-links section-wrap\"><a href=\"videos.html\"><span>\u0414\u0418\u0412\u0418\u0422\u0418\u0421\u042f<\/span><strong>\u0412\u0456\u0434\u0435\u043e\u0443\u0440\u043e\u043a\u0438 \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u044e<\/strong><b>\u2197<\/b><\/a><a href=\"gallery.html\"><span>\u0420\u041e\u0417\u0413\u041b\u042f\u0414\u0410\u0422\u0418<\/span><strong>\u0413\u0430\u043b\u0435\u0440\u0435\u044f CSS-\u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456\u0432<\/strong><b>\u2197<\/b><\/a><a href=\"registration.html\"><span>\u041f\u0420\u041e\u0414\u041e\u0412\u0416\u0418\u0422\u0418<\/span><strong>\u0421\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043e\u0431\u043b\u0456\u043a\u043e\u0432\u0438\u0439 \u0437\u0430\u043f\u0438\u0441<\/strong><b>\u2197<\/b><\/a><\/section>\n<p>\t<\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0406\u041d\u0422\u0415\u0420\u0410\u041a\u0422\u0418\u0412\u041d\u0418\u0419 \u041a\u0423\u0420\u0421 \u00b7 \u0423\u041a\u0420\u0410\u0407\u041d\u0421\u042c\u041a\u041e\u042e \u0421\u0442\u0438\u043b\u0456\u0437\u0443\u0439\u0441\u043c\u0456\u043b\u0438\u0432\u043e. CSS \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u0454 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 \u043d\u0430 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441. \u0420\u043e\u0437\u0431\u0435\u0440\u0456\u043c\u043e\u0441\u044f, \u044f\u043a \u0446\u0435 \u043f\u0440\u0430\u0446\u044e\u0454: \u0432\u0456\u0434 \u043f\u0435\u0440\u0448\u043e\u0457 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0434\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0457 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u2197\u041e\u0434\u0440\u0430\u0437\u0443 \u0434\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u2192 09 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0445 \u0443\u0440\u043e\u043a\u0456\u043212 \u043f\u0438\u0442\u0430\u043d\u044c \u0443 \u0442\u0435\u0441\u0442\u0456100% \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u044e \u041f\u0415\u0420\u0428\u0418\u0419 \u0421\u0422\u0418\u041b\u042c\u25cf \u25cf \u25cf localhost \/ \u043a\u0430\u0440\u0442\u043a\u0430 \u2733 CSS \u00b7 \u0412\u041b\u0410\u0421\u0422\u0418\u0412\u0406\u0421\u0422\u042c \u2116 01 \u041a\u043e\u043b\u0456\u0440 \u0437\u0430\u0434\u0430\u0454\u043d\u0430\u0441\u0442\u0440\u0456\u0439. color: tomato; .card {color: tomato;}\u041e\u0434\u043d\u0430 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c.\u0406\u043d\u0448\u0435 \u0432\u0440\u0430\u0436\u0435\u043d\u043d\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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":2,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/kab2-01.acsp.org.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}