\u79fb\u52a8\u7aef<\/p>\n
<!doctype html>\r\n<html>\r\n<head>\r\n <meta charset=\"utf-8\">\r\n <title>Our first responsive web page with HTML5 and CSS3<\/title>\r\n <meta name=\"description\" content=\"A basic responsive web page\u2013 an example from Chapter 1\">\r\n <meta name=\"viewport\" content=\"width=device-width\">\r\n <style>\r\n .MenuWrap {\r\n background-color: indigo;\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 1rem;\r\n min-height: 2.75rem;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 1rem;\r\n flex-direction: column;\r\n }\r\n\r\n .ListItem,\r\n .LastItem {\r\n color: #ebebeb;\r\n text-decoration: none;\r\n }\r\n\r\n \r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"MenuWrap\">\r\n <a href=\"#\" class=\"ListItem\">Home<\/a>\r\n <a href=\"#\" class=\"ListItem\">About Us<\/a>\r\n <a href=\"#\" class=\"ListItem\">Products<\/a>\r\n <a href=\"#\" class=\"ListItem\">Policy<\/a>\r\n <a href=\"#\" class=\"LastItem\">Contact Us<\/a>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html><\/pre>\nPC\u7aef<\/p>\n
<!doctype html>\r\n<html>\r\n\r\n<head>\r\n <meta charset=\"utf-8\">\r\n <title>Our first responsive web page with HTML5 and CSS3<\/title>\r\n <meta name=\"description\" content=\"A basic responsive web page\u2013 an example from Chapter 1\">\r\n <meta name=\"viewport\" content=\"width=device-width\">\r\n <style>\r\n .MenuWrap {\r\n background-color: indigo;\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 1rem;\r\n min-height: 2.75rem;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 1rem;\r\n }\r\n\r\n .ListItem,\r\n .LastItem {\r\n color: #ebebeb;\r\n text-decoration: none;\r\n }\r\n\r\n .ListItem {\r\n margin-right: 1rem;\r\n }\r\n\r\n .LastItem {\r\n margin-left: auto;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"MenuWrap\">\r\n <a href=\"#\" class=\"ListItem\">Home<\/a>\r\n <a href=\"#\" class=\"ListItem\">About Us<\/a>\r\n <a href=\"#\" class=\"ListItem\">Products<\/a>\r\n <a href=\"#\" class=\"ListItem\">Policy<\/a>\r\n <a href=\"#\" class=\"LastItem\">Contact Us<\/a>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html><\/pre>\n\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » flex\u5e03\u5c40\u5bfc\u822a\u6761\uff0c\u79fb\u52a8\u7aef\u548cpc\u7aef<\/a><\/p>","protected":false},"excerpt":{"rendered":"\u79fb\u52a8\u7aef <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Our fi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[28,178,29],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2316"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2316"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2316\/revisions"}],"predecessor-version":[{"id":2317,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2316\/revisions\/2317"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2316"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}