{"id":331,"date":"2025-09-19T08:42:12","date_gmt":"2025-09-19T08:42:12","guid":{"rendered":"https:\/\/open.ipt.pt\/?p=331"},"modified":"2026-01-14T15:54:25","modified_gmt":"2026-01-14T15:54:25","slug":"introducao-ao-css","status":"publish","type":"post","link":"https:\/\/open.ipt.pt\/index.php\/2025\/09\/19\/introducao-ao-css\/","title":{"rendered":"Introdu\u00e7\u00e3o ao CSS"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-47c06fe3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:56%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"340\" src=\"https:\/\/open.ipt.pt\/wp-content\/uploads\/2025\/09\/capa_introducao-css.png__600x340_crop-smart_subsampling-2_upscale.png\" alt=\"\" class=\"wp-image-287\" srcset=\"https:\/\/open.ipt.pt\/wp-content\/uploads\/2025\/09\/capa_introducao-css.png__600x340_crop-smart_subsampling-2_upscale.png 600w, https:\/\/open.ipt.pt\/wp-content\/uploads\/2025\/09\/capa_introducao-css.png__600x340_crop-smart_subsampling-2_upscale-300x170.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<p class=\"has-medium-font-size\">Aprenda a formatar p\u00e1ginas web com a linguagem CSS, atrav\u00e9s de cria\u00e7\u00e3o de regras e folhas de estilo.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" style=\"background:linear-gradient(135deg,rgb(0,86,204) 0%,rgb(102,210,134) 100%)\">Arquivado<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-925a8169 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-radius:0px;min-height:0px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:0px\">\n<p class=\"has-text-align-right has-small-font-size\" style=\"border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><span style=\"vertical-align: middle;\">Arquivado<\/span> <span style=\"vertical-align: middle;\">na: <\/span> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"39\" class=\"wp-image-305\" style=\"width:65px; height:auto; vertical-align:middle;\" src=\"https:\/\/open.ipt.pt\/wp-content\/uploads\/2025\/09\/Design-sem-nome-3-3.png\" alt=\"\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"hide-on-lit has-small-font-size\"><strong>Dura\u00e7\u00e3o:<\/strong> 21 horas | <strong> Esfor\u00e7o:<\/strong> 21 horas | <strong>Ritmo:<\/strong> Ao ritmo do estudante | <strong> Idiomas:<\/strong> Portugu\u00eas<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">O que vai aprender<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<ul class=\"wp-block-list hide-on-lit\">\n<li class=\"has-medium-font-size\">Aprender a codificar e construir folhas de estilo atrav\u00e9s de regras CSS, formatando os documentos HTML para construir interfaces web mais adaptadas a diferentes dispositivos como desktop, tablet e smartphone<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Aprender a desenvolver um website, utilizando folhas de estilo<\/li>\n<\/ul>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Descri\u00e7\u00e3o<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size\">Num mundo cada vez mais digital, dominar os fundamentos da linguagem HTML, CSS e JavaScript \u00e9 hoje essencial para qualquer profissional das \u00e1reas de desenvolvimento web, web design, marketing digital e tecnologia da informa\u00e7\u00e3o. O curso de CSS foca nesta tecnologia para a cria\u00e7\u00e3o de p\u00e1ginas web, permitindo adicionar e editar regras e folhas de estilo \u00e0s p\u00e1ginas de HTML, conferindo eleg\u00e2ncia \u00e0 interface web. Com estes novos conhecimentos, os estudantes podem projetar e criar websites s\u00f3lidos, personalizar experi\u00eancias online e construir websites que se destaquem. Al\u00e9m disso, atualmente, a compreens\u00e3o dessas linguagens constitui uma habilidade valiosa em diversas carreiras com forte procura no mercado profissional, desde a programa\u00e7\u00e3o de interfaces de frontend, design para a web, marketing digital, entre outras.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Formato<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size\">Este curso est\u00e1 organizado em v\u00e1rios m\u00f3dulos e respetivos t\u00f3picos. Em cada t\u00f3pico, o estudante pode encontrar v\u00eddeos explicativos com exemplos pr\u00e1ticos, bem como hiperliga\u00e7\u00f5es para refer\u00eancias e documentos complementares. Existem v\u00e1rias tarefas sugeridas, sendo resolvidas autonomamente pelo estudante. Para a avalia\u00e7\u00e3o de conhecimentos existem periodicamente avalia\u00e7\u00f5es obrigat\u00f3rias, permitindo desbloquear os t\u00f3picos seguintes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Pr\u00e9-requisitos<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li class=\"has-medium-font-size\">Conhecimentos b\u00e1sicos de inform\u00e1tica, na \u00f3tica de utilizador, nomeadamente saber lidar com pastas e ficheiros e saber usar World Wide Web<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Ter acesso a um computador com sistema operativo Windows, MacOS ou Linux para instala\u00e7\u00e3o do software de edi\u00e7\u00e3o gratuito Visual Studio Code (ou equivalente)<\/li>\n\n\n\n<li class=\"has-medium-font-size\">Conhecimentos de HTML<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Avalia\u00e7\u00e3o e certifica\u00e7\u00e3o<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size\">A avalia\u00e7\u00e3o do curso est\u00e1 dividida em duas componentes avaliativas: quizzes no final de cada m\u00f3dulo e um quiz final. Para obter o certificado de participa\u00e7\u00e3o dever\u00e1 obter uma classifica\u00e7\u00e3o igual ou superior a 50 %.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Plano de curso<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-medium-font-size\">1. Introdu\u00e7\u00e3o ao CSS \/ Sintaxe e fisionomia da regra CSS<br>2. Seletores simples e de combina\u00e7\u00f5es<br>3. Propriedades para formata\u00e7\u00e3o de texto, blocos e layout<br>4. Propriedades para layout de blocos<br>5. Layouts din\u00e2micos\/responsivos<br>6. Anima\u00e7\u00f5es com CSS<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-columns hide-on-lit is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Equipa do curso<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile hide-on-lit\" style=\"grid-template-columns:24% auto\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\"><strong>Equipa do Laborat\u00f3rio de Inova\u00e7\u00e3o Pedag\u00f3gica e Educa\u00e7\u00e3o a Dist\u00e2ncia do Instituto Polit\u00e9cnico de Tomar<\/strong><\/h2>\n\n\n\n<p class=\"has-medium-font-size\">&#8230;<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer hide-on-lit\"><\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a formatar p\u00e1ginas web com a linguagem CSS, atrav\u00e9s de cria\u00e7\u00e3o de regras e folhas de estilo. Arquivado na: Dura\u00e7\u00e3o: 21 horas | Esfor\u00e7o: 21 horas | Ritmo: Ao ritmo do estudante | Idiomas: Portugu\u00eas O que vai aprender Descri\u00e7\u00e3o Num mundo cada vez mais digital, dominar os fundamentos da linguagem HTML, CSS e [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-331","post","type-post","status-publish","format-standard","hentry","category-ciencias-exatas-tecnologia"],"_links":{"self":[{"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/posts\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":9,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/posts\/331\/revisions"}],"predecessor-version":[{"id":720,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/posts\/331\/revisions\/720"}],"wp:attachment":[{"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/media?parent=331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/categories?post=331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/open.ipt.pt\/index.php\/wp-json\/wp\/v2\/tags?post=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}