{"id":10909,"date":"2017-11-01T02:09:57","date_gmt":"2017-10-31T22:09:57","guid":{"rendered":"http:\/\/www.idg.net.ua\/blog\/?page_id=10909"},"modified":"2017-12-13T17:23:28","modified_gmt":"2017-12-13T13:23:28","slug":"razmetka-css","status":"publish","type":"page","link":"https:\/\/idg.net.ua\/blog\/uchebnik-css\/razmetka-css","title":{"rendered":"\u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 CSS"},"content":{"rendered":"<p>\u0422\u0440\u0435\u0442\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u043d\u0430\u0448\u0435\u0433\u043e \u0443\u0447\u0435\u0431\u043d\u0438\u043a\u0430 \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u0440\u0430\u0437\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u043d\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f. \u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u0432\u0438\u0434\u0430\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0438 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0436\u0435 \u0442\u0430\u043a\u043e\u0435 \u0431\u043b\u043e\u0447\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430, \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u0435\u0441\u044c \u0441 \u043c\u043d\u043e\u0433\u043e\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439, \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<!--more--><\/p>\n<p>&nbsp;<br \/>\n<div class=\"divider\"><h5><span>\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0430<\/span><\/h5><\/div><\/p>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/shirina-web-stranitsy\">\u0428\u0438\u0440\u0438\u043d\u0430 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/blochnaya-verstka\">\u0411\u043b\u043e\u0447\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/osnovnye-pravila\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438: \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/verstka-s-float\">\u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e float<\/a>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/verstka-s-float\/problemy\">\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u044b float \u0438 \u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/adaptivnyj-dizajn\">\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/a>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/adaptivnyj-dizajn\/media-queries\">\u041c\u0435\u0434\u0438\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u044b CSS<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/adaptivnyj-dizajn\/gibkie-setki\">\u0413\u0438\u0431\u043a\u0438\u0435 \u0441\u0435\u0442\u043a\u0438 \u0432 CSS<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/adaptivnyj-dizajn\/responsive-images-and-video\">\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043e<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/flexbox\">\u0417\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 Flexbox<\/a>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/flexbox\/flex-container\">CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/flexbox\/flex-items\">CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f flex-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/position\">\u041f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 CSS. \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e position<\/a>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/top-left-bottom-right\">\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430 top, left, bottom, right<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/z-index\">Z-index: \u043d\u0430\u0441\u043b\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/skrytie-elementov\">\u0421\u043a\u0440\u044b\u0442\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 CSS<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/grid\">\u041a\u0440\u0430\u0442\u043a\u043e \u043e CSS Grid Layout<\/a>\n<ol>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/grid\/container\">CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f grid-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430<\/a><\/li>\n<li><a href=\"\/blog\/uchebnik-css\/razmetka-css\/grid\/items\">CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043b\u044f grid-\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<a class=\"button medium\" href=\"\/blog\/uchebnik-css\" >\u0412\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043f\u043e\u043b\u043d\u043e\u043c\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044e<\/a>\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0440\u0435\u0442\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u043d\u0430\u0448\u0435\u0433\u043e \u0443\u0447\u0435\u0431\u043d\u0438\u043a\u0430 \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u0440\u0430\u0437\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043e\u043d\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f. \u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u0432\u0438\u0434\u0430\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0438 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0436\u0435 \u0442\u0430\u043a\u043e\u0435 \u0431\u043b\u043e\u0447\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430, \u043f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u0435\u0441\u044c \u0441 \u043c\u043d\u043e\u0433\u043e\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u043e\u0439, \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<\/p>\n<p><span class=\"more-link\"><a href=\"https:\/\/idg.net.ua\/blog\/uchebnik-css\/razmetka-css\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a><\/span><\/p>\n","protected":false},"author":6,"featured_media":0,"parent":2400,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10909"}],"collection":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/comments?post=10909"}],"version-history":[{"count":24,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10909\/revisions"}],"predecessor-version":[{"id":11373,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10909\/revisions\/11373"}],"up":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/2400"}],"wp:attachment":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/media?parent=10909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}