{"id":5581,"date":"2023-03-08T21:18:03","date_gmt":"2023-03-08T18:18:03","guid":{"rendered":"http:\/\/professor.norton.net.br\/?p=5581"},"modified":"2023-03-08T21:18:03","modified_gmt":"2023-03-08T18:18:03","slug":"ams-web-css-continuacao","status":"publish","type":"post","link":"https:\/\/professor.norton.net.br\/index.php\/2023\/03\/08\/ams-web-css-continuacao\/","title":{"rendered":"AMS WEB &#8211; CSS Continua\u00e7\u00e3o"},"content":{"rendered":"\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2017\/08\/exemplo.zip\">Exemplo em sala de aula &#8211; 3<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2019\/08\/pw04_exemplo.zip\">Exemplo em sala de aula &#8211; 4<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2014\/09\/CSS3.ppt\">Apresenta\u00e7\u00e3o sobre CSS3<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/08\/css3_exemplo.rar\">css3_exemplo<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/cssref\/\">Documenta\u00e7\u00e3o completa sobre CSS<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-incorporar-manipulador wp-block-embed-incorporar-manipulador wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CSS - Css em cascata\" width=\"668\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/rYPkcZqiqPY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-incorporar-manipulador wp-block-embed-incorporar-manipulador wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CSS - Media Queries\" width=\"668\" height=\"376\" src=\"https:\/\/www.youtube.com\/embed\/1uc9oVl3dZ8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Atividade<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>1-Crie um css em cascata para criar uma p\u00e1gina que represente a imagem abaixo:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata.png\"><img decoding=\"async\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/03\/estilocascata-300x224.png\" alt=\"estilocascata\" class=\"wp-image-2043\"\/><\/a><\/figure>\n\n\n\n<p>2-Utilizando Media Queries, construa no mesmo CSS a vers\u00e3o para tela formato retrato<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato.png\"><img decoding=\"async\" src=\"https:\/\/professor.norton.net.br\/wp-content\/uploads\/2016\/09\/retrato-123x300.png\" alt=\"retrato\" class=\"wp-image-2405\"\/><\/a><\/figure>\n\n\n\n<p>3- Crie uma vers\u00e3o de CSS responsivo com media queries do exercicio 1<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exemplo em sala de aula &#8211; 3 Exemplo em sala de aula &#8211; 4 Apresenta\u00e7\u00e3o sobre CSS3 css3_exemplo Documenta\u00e7\u00e3o completa sobre CSS Atividade 1-Crie um css em cascata para criar uma p\u00e1gina que represente a imagem abaixo: 2-Utilizando Media Queries, construa no mesmo CSS a vers\u00e3o para tela formato retrato 3- Crie uma vers\u00e3o de <span class=\"readmore\"><a class=\"more-link\" href=\"https:\/\/professor.norton.net.br\/index.php\/2023\/03\/08\/ams-web-css-continuacao\/\">Read More &#8230;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","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":[1],"tags":[],"class_list":["post-5581","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/5581","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=5581"}],"version-history":[{"count":1,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/5581\/revisions"}],"predecessor-version":[{"id":5585,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/posts\/5581\/revisions\/5585"}],"wp:attachment":[{"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/media?parent=5581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/categories?post=5581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/professor.norton.net.br\/index.php\/wp-json\/wp\/v2\/tags?post=5581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}