{"id":2402,"date":"2021-03-12T17:00:59","date_gmt":"2021-03-12T20:00:59","guid":{"rendered":"http:\/\/professor.norton.net.br\/?p=2402"},"modified":"2021-03-12T17:00:59","modified_gmt":"2021-03-12T20:00:59","slug":"fwj-css-em-cascata-e-media-queries","status":"publish","type":"post","link":"https:\/\/professor.norton.net.br\/index.php\/2021\/03\/12\/fwj-css-em-cascata-e-media-queries\/","title":{"rendered":"FWJ &#8211; CSS em cascata e Media Queries"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/PW_04.pptx\">Apresenta\u00e7\u00e3o sobre CSS<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/pw05b_exemplo.zip\">Exemplo<\/a><\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2017\/03\/fw05_exemplo.rar\">Exemplo 2<\/a><\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/rYPkcZqiqPY\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1uc9oVl3dZ8\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><b>Atividade<\/b><br \/>\nAssunto: fwj05<\/p>\n<p>1-Utilizando a corre\u00e7\u00e3o da atividade FWJ04 crie uma vers\u00e3o para celular do formul\u00e1rio usando media queries<\/p>\n<p>2-Crie um css em cascata para criar uma p\u00e1gina que represente a imagem abaixo:<\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2043\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata-300x224.png\" alt=\"estilocascata\" width=\"300\" height=\"224\" \/><\/a><\/p>\n<p>3-Utilizando Media Queries, construa no mesmo CSS a vers\u00e3o para tela formato retrato<\/p>\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2405\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato-123x300.png\" alt=\"retrato\" width=\"123\" height=\"300\" \/><\/a><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2019\/03\/pw06_correcao.zip\"><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apresenta\u00e7\u00e3o sobre CSS Exemplo Exemplo 2 Atividade Assunto: fwj05 1-Utilizando a corre\u00e7\u00e3o da atividade FWJ04 crie uma vers\u00e3o para celular do formul\u00e1rio usando media queries 2-Crie um css em cascata para criar uma p\u00e1gina que represente a imagem abaixo: 3-Utilizando Media Queries, construa no mesmo CSS a vers\u00e3o para tela formato retrato &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-2402","post","type-post","status-publish","format-standard","hentry","category-ferramentas-web-jogos"],"_links":{"self":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/2402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/comments?post=2402"}],"version-history":[{"count":0,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/2402\/revisions"}],"wp:attachment":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/media?parent=2402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/categories?post=2402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/tags?post=2402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}