{"id":79171,"date":"2024-03-28T21:00:48","date_gmt":"2024-03-28T21:00:48","guid":{"rendered":"https:\/\/mailrelay.com\/glossary\/css-cascading-style-sheets\/"},"modified":"2026-08-05T16:35:34","modified_gmt":"2026-08-05T16:35:34","slug":"css-cascading-style-sheets","status":"publish","type":"glossary","link":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata. Desenvolvido pelo W3C em 1996, o CSS \u00e9 um mecanismo complementar \u00e0 linguagem HTML que permite indicar ao navegador o estilo com o qual deve exibir os diversos elementos que comp\u00f5em a p\u00e1gina web a ser visualizada.<\/p>\n\n<p class=\"wp-block-paragraph\">Enquanto o HTML se concentra em indicar ao navegador que certas partes da p\u00e1gina s\u00e3o t\u00edtulos, subt\u00edtulos, par\u00e1grafos, links, etc., o CSS complementa essa informa\u00e7\u00e3o para garantir que o tipo de fonte, tamanho, cor ou alinhamento com que cada elemento \u00e9 exibido seja o correto.<\/p>\n\n<p class=\"wp-block-paragraph\">N\u00f3s explicamos tudo na <a href=\"https:\/\/mailrelay.com\/pt\/\">Mailrelay<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\">1. Para que serve o CSS<\/h2>\n\n<p class=\"wp-block-paragraph\">O c\u00f3digo CSS separa a estrutura de um documento HTML de sua apresenta\u00e7\u00e3o. Ou seja, o HTML define a estrutura b\u00e1sica da p\u00e1gina (como um esqueleto), e o CSS adiciona uma camada de personaliza\u00e7\u00e3o que d\u00e1 ao site o seu visual final.<\/p>\n\n<p class=\"wp-block-paragraph\">Dessa forma, um web designer pode fazer altera\u00e7\u00f5es na apar\u00eancia de um site de maneira pr\u00e1tica gra\u00e7as ao CSS, sem afetar o conte\u00fado drasticamente, pois o conte\u00fado permanece o mesmo, mudando apenas a forma como \u00e9 exibido na tela.<\/p>\n\n<h2 class=\"wp-block-heading\">2. Tipos de CSS<\/h2>\n\n<p class=\"wp-block-paragraph\">Existem tr\u00eas tipos ou formas de vincular o CSS ao seu site (HTML): externo (external), interno (internal) e em linha (inline).<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>&#8211; CSS externo.<\/strong> \u00c9 o CSS que existe como um arquivo independente e \u00e9 vinculado a um documento HTML atrav\u00e9s de uma tag. Esta \u00e9 a forma mais comum de adicionar CSS ao HTML, pois basta alterar esse documento para que todo o site receba as altera\u00e7\u00f5es desejadas.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>&#8211; CSS interno.<\/strong> O CSS interno \u00e9 um c\u00f3digo CSS incorporado diretamente no documento HTML, feito atrav\u00e9s do elemento <code><style><\/style><\/code> dentro da se\u00e7\u00e3o <code><\/code>. \u00c9 utilizado para adicionar estilos a p\u00e1ginas individuais ou se\u00e7\u00f5es espec\u00edficas do site.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>&#8211; CSS em linha ou inline.<\/strong> O CSS inline \u00e9 inserido dentro de uma tag HTML para alterar apenas o estilo de um elemento espec\u00edfico. Seu uso n\u00e3o \u00e9 muito recomendado, pois, na pr\u00e1tica, n\u00e3o separa o estilo do conte\u00fado.<\/p>\n\n<h2 class=\"wp-block-heading\">3. Vantagens do CSS<\/h2>\n\n<p class=\"wp-block-paragraph\">As vantagens que o uso de folhas de estilo em cascata (CSS) traz s\u00e3o muitas, aqui est\u00e3o algumas das mais importantes:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Facilita a realiza\u00e7\u00e3o de modifica\u00e7\u00f5es visuais em todo um site a partir de um \u00fanico lugar.<\/li>\n\n\n\n<li>Permite melhorar o tempo de carregamento.<\/li>\n\n\n\n<li>Melhora a <a href=\"https:\/\/mailrelay.com\/pt\/glossario\/usabilidade-web\/\" target=\"_blank\" rel=\"noopener\">usabilidade web<\/a><\/li>\n\n\n\n<li>Facilita a indexa\u00e7\u00e3o do site pelos rastreadores de busca.<\/li>\n\n\n\n<li>Simplifica a cria\u00e7\u00e3o de vers\u00f5es otimizadas para diferentes objetivos.<\/li>\n\n\n\n<li>Torna as altera\u00e7\u00f5es e a organiza\u00e7\u00e3o mais simples.<\/li>\n\n\n\n<li>Otimiza o tamanho dos arquivos.<\/li>\n\n\n\n<li>Permite criar um site responsivo.<\/li>\n\n\n\n<li>Torna a cria\u00e7\u00e3o de p\u00e1ginas web mais simples.<\/li>\n\n\n\n<li>Trabalhar com padr\u00f5es facilita a implementa\u00e7\u00e3o de futuras melhorias no site.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Outros termos do Gloss\u00e1rio: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/cc-e-cco\/\">CC e CCO<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/email-corporativo\/\">Email Corporativo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/arpanet\/\">ARPANET<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/arroba\/\">Arroba<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/asp-active-server-pages\/\">ASP (Active Server Pages)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/blog\/2020\/06\/09\/escrevendo-linhas-de-assunto-de-newsletter-impactantes-que-nao-podem-ser-ignoradas\/\">Assunto do email<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/autenticacao-de-email\/\">Autentica\u00e7\u00e3o de email<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mailrelay.com\/pt\/glossario\/autoresponder\/\">Autorresponder<\/a><\/li>\n<\/ul>\n","protected":false},"template":"","class_list":["post-79171","glossary","type-glossary","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS (Cascading Style Sheets) - Mailrelay<\/title>\n<meta name=\"description\" content=\"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS (Cascading Style Sheets) - Mailrelay\" \/>\n<meta property=\"og:description\" content=\"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/\" \/>\n<meta property=\"og:site_name\" content=\"Mailrelay\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Mailrelay\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T16:35:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mailrelay\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/glossario\\\/css-cascading-style-sheets\\\/\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/glossario\\\/css-cascading-style-sheets\\\/\",\"name\":\"CSS (Cascading Style Sheets) - Mailrelay\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#website\"},\"datePublished\":\"2024-03-28T21:00:48+00:00\",\"dateModified\":\"2026-08-05T16:35:34+00:00\",\"description\":\"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/glossario\\\/css-cascading-style-sheets\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailrelay.com\\\/pt\\\/glossario\\\/css-cascading-style-sheets\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/glossario\\\/css-cascading-style-sheets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS (Cascading Style Sheets)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/\",\"name\":\"Mailrelay\",\"description\":\"Mailrelay.com - Email Marketing Software\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#organization\",\"name\":\"Mailrelay\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/mailrelay-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/mailrelay.com\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/mailrelay-logo.jpg\",\"width\":613,\"height\":291,\"caption\":\"Mailrelay\"},\"image\":{\"@id\":\"https:\\\/\\\/mailrelay.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Mailrelay\\\/\",\"https:\\\/\\\/x.com\\\/mailrelay\",\"https:\\\/\\\/www.youtube.com\\\/mailrelay-email-marketing\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS (Cascading Style Sheets) - Mailrelay","description":"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","og_locale":"pt_BR","og_type":"article","og_title":"CSS (Cascading Style Sheets) - Mailrelay","og_description":"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata","og_url":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","og_site_name":"Mailrelay","article_publisher":"https:\/\/www.facebook.com\/Mailrelay\/","article_modified_time":"2026-08-05T16:35:34+00:00","twitter_card":"summary_large_image","twitter_site":"@mailrelay","twitter_misc":{"Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","url":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/","name":"CSS (Cascading Style Sheets) - Mailrelay","isPartOf":{"@id":"https:\/\/mailrelay.com\/pt\/#website"},"datePublished":"2024-03-28T21:00:48+00:00","dateModified":"2026-08-05T16:35:34+00:00","description":"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata","breadcrumb":{"@id":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mailrelay.com\/pt\/glossario\/css-cascading-style-sheets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailrelay.com\/pt\/"},{"@type":"ListItem","position":2,"name":"CSS (Cascading Style Sheets)"}]},{"@type":"WebSite","@id":"https:\/\/mailrelay.com\/pt\/#website","url":"https:\/\/mailrelay.com\/pt\/","name":"Mailrelay","description":"Mailrelay.com - Email Marketing Software","publisher":{"@id":"https:\/\/mailrelay.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailrelay.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/mailrelay.com\/pt\/#organization","name":"Mailrelay","url":"https:\/\/mailrelay.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","contentUrl":"https:\/\/mailrelay.com\/wp-content\/uploads\/2019\/05\/mailrelay-logo.jpg","width":613,"height":291,"caption":"Mailrelay"},"image":{"@id":"https:\/\/mailrelay.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Mailrelay\/","https:\/\/x.com\/mailrelay","https:\/\/www.youtube.com\/mailrelay-email-marketing"]}]}},"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Paco Ruben Quintero","author_link":"https:\/\/mailrelay.com\/pt\/blog\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"CSS \u00e9 o acr\u00f4nimo de Cascading style sheets, que em portugu\u00eas se traduz como folhas de estilo em cascata. Desenvolvido pelo W3C em 1996, o CSS \u00e9 um mecanismo complementar \u00e0 linguagem HTML que permite indicar ao navegador o estilo com o qual deve exibir os diversos elementos que comp\u00f5em a p\u00e1gina web a ser&hellip;","_links":{"self":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/glossary\/79171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/types\/glossary"}],"version-history":[{"count":3,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/glossary\/79171\/revisions"}],"predecessor-version":[{"id":90633,"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/glossary\/79171\/revisions\/90633"}],"wp:attachment":[{"href":"https:\/\/mailrelay.com\/pt\/wp-json\/wp\/v2\/media?parent=79171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}