{"id":8493,"date":"2018-03-27T21:56:59","date_gmt":"2018-03-28T00:56:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=8493"},"modified":"2026-03-10T13:02:00","modified_gmt":"2026-03-10T16:02:00","slug":"o-que-e-css-guia-basico-de-css","status":"publish","type":"post","link":"\/pt\/tutoriais\/o-que-e-css-guia-basico-de-css","title":{"rendered":"O que \u00e9 CSS e como ele funciona: guia b\u00e1sico para iniciantes"},"content":{"rendered":"<p class=\"wp-block-paragraph\">O CSS foi desenvolvido pelo&nbsp;<strong>W3C&nbsp;<\/strong>(<strong>World Wide Web Consortium<\/strong>) em 1996 por um motivo bastante simples: a linguagem HTML n&atilde;o foi projetada para ter tags que ajudassem a formatar a p&aacute;gina &mdash; o objetivo era apenas escrever a marca&ccedil;&atilde;o para o conte&uacute;do da web.<\/p><p class=\"wp-block-paragraph\">Tags como&nbsp;<strong>&lt;font&gt;&nbsp;<\/strong>foram introduzidas na vers&atilde;o 3.2 do HTML e causaram muitos problemas para os desenvolvedores. Devido ao fato de as p&aacute;ginas da web terem fontes diferentes, fundos coloridos e v&aacute;rios estilos, reescrever o c&oacute;digo era um processo longo, trabalhoso e caro. Desta forma, o CSS foi criado pelo W3C para resolver esse problema.<\/p><p class=\"wp-block-paragraph\">Tecnicamente, n&atilde;o &eacute; obrigat&oacute;rio usar CSS em uma p&aacute;gina da web, mas eu te garanto que voc&ecirc; provavelmente n&atilde;o gostar&aacute; de navegar em uma p&aacute;gina somente em HTML &mdash; porque ela ser&aacute; completamente b&aacute;sica e pouco atraente.<\/p><p class=\"has-text-align-center wp-block-paragraph\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/CSS-cheatsheet-Hostinger-BR.pdf\" target=\"_blank\" rel=\"noopener\">Baixe o Guia de Recursos CSS Completo<\/a><\/p><p>\n\n\n\n\n<\/p><p class=\"wp-block-paragraph\"><\/p><p><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   O que &eacute; CSS?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">CSS (<em>Cascading Style Sheets<\/em>) &eacute; uma linguagem usada para estilizar elementos em uma p&aacute;gina da web. Com isso, &eacute; poss&iacute;vel separar o conte&uacute;do (HTML) da sua representa&ccedil;&atilde;o visual (CSS). A rela&ccedil;&atilde;o entre HTML e CSS &eacute; intr&iacute;nseca, pois o HTML &eacute; a base de um site e o CSS representa a sua parte est&eacute;tica.<\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-css-tutorial-em-video\"><strong>O que &eacute; CSS: tutorial em v&iacute;deo<\/strong><\/h2><p class=\"wp-block-paragraph\">Saiba mais sobre CSS e como ele funciona assistindo a este tutorial em v&iacute;deo.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"O que &eacute; CSS  - Hostinger Brasil\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/CTjUpZqTJDg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 class=\"wp-block-heading\" id=\"h-vantagens-de-usar-css-nas-suas-paginas\"><strong>Vantagens de usar CSS nas suas p&aacute;ginas<\/strong><\/h2><p class=\"wp-block-paragraph\">A diferen&ccedil;a entre uma p&aacute;gina da web que usa CSS e uma que n&atilde;o usa &eacute; enorme &mdash; e voc&ecirc; certamente perceber&aacute; na mesma hora.<\/p><p class=\"wp-block-paragraph\">Voc&ecirc; j&aacute; deve ter se deparado com um site que n&atilde;o carregou completamente e apresentou apenas informa&ccedil;&otilde;es em texto preto no fundo branco. Isso significa que o CSS da p&aacute;gina n&atilde;o foi carregado corretamente ou n&atilde;o existe.<\/p><p class=\"wp-block-paragraph\">&Eacute; assim que ficam as p&aacute;ginas da web apenas com <a href=\"\/pt\/tutoriais\/o-que-e-html-conceitos-basicos\/\">linguagens de marca&ccedil;&atilde;o HTML<\/a> &mdash; acho que todos concordamos que o resultado n&atilde;o &eacute; muito atraente.<\/p><p class=\"wp-block-paragraph\">Antes da cria&ccedil;&atilde;o do CSS, toda a estiliza&ccedil;&atilde;o tinha de ser inclu&iacute;da na pr&oacute;pria marca&ccedil;&atilde;o HTML. Isso significa que os desenvolvedores da web tinham que descrever separadamente a cor de fundo, o tamanho da fonte, os alinhamentos e tudo mais em cada elemento HTML de suas p&aacute;ginas.<\/p><p class=\"wp-block-paragraph\">O CSS permite estilizar tudo em um arquivo diferente, estabelecendo as diretrizes de design nesse arquivo e, posteriormente, integrando os arquivos CSS &agrave; marca&ccedil;&atilde;o HTML. Isso torna a marca&ccedil;&atilde;o HTML muito mais limpa e f&aacute;cil de manter.<\/p><p class=\"wp-block-paragraph\">Em resumo, com os recursos de CSS, voc&ecirc; n&atilde;o precisa descrever repetidamente a apar&ecirc;ncia de cada elemento &mdash; o que economiza tempo, simplifica o c&oacute;digo e o torna menos propenso a erros.<\/p><p class=\"wp-block-paragraph\">O CSS permite que voc&ecirc; tenha v&aacute;rios estilos em uma p&aacute;gina HTML, o que torna as possibilidades de personaliza&ccedil;&atilde;o quase infinitas. Atualmente, isso est&aacute; se tornando mais uma necessidade do que uma comodidade.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-o-css-funciona\"><strong>Como o CSS funciona?<\/strong><\/h2><p class=\"wp-block-paragraph\">O CSS usa uma sintaxe simples, baseada em ingl&ecirc;s, com um conjunto de regras principais. Como mencionamos anteriormente, o HTML nunca foi planejado para usar elementos de estilo, apenas a marca&ccedil;&atilde;o da p&aacute;gina. Ele foi criado apenas para descrever o conte&uacute;do. Por exemplo:&nbsp;<strong>&lt;p&gt;Isto &eacute; um par&aacute;grafo.&lt;\/p<\/strong>&gt;.<\/p><p class=\"wp-block-paragraph\">Mas como voc&ecirc; estiliza o par&aacute;grafo? A estrutura de sintaxe do CSS &eacute; bastante simples. Ela tem um seletor e um bloco de declara&ccedil;&atilde;o. Voc&ecirc; seleciona um elemento e, em seguida, declara o que deseja fazer com ele. Bastante simples, certo?<\/p><p class=\"wp-block-paragraph\">No entanto, h&aacute; regras que voc&ecirc; precisa lembrar. As regras de estrutura s&atilde;o bastante simples, portanto, n&atilde;o se preocupe.<\/p><p class=\"wp-block-paragraph\">O seletor aponta para os elementos HTML que voc&ecirc; deseja estilizar. O bloco de declara&ccedil;&atilde;o cont&eacute;m uma ou mais declara&ccedil;&otilde;es separadas por ponto e v&iacute;rgula.<\/p><p class=\"wp-block-paragraph\">Cada declara&ccedil;&atilde;o inclui um nome de propriedade CSS e um valor, separados por dois pontos. Uma declara&ccedil;&atilde;o CSS sempre termina com um ponto-e-v&iacute;rgula e os blocos de declara&ccedil;&atilde;o s&atilde;o cercados por chaves.<\/p><p class=\"wp-block-paragraph\">Vamos dar uma olhada em um exemplo:<\/p><p class=\"wp-block-paragraph\">Todos os elementos&nbsp;<strong>&lt;p&gt;&nbsp;<\/strong>ser&atilde;o coloridos em azul e em negrito.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;style&gt;\n\np {\n color: blue;\n text-weight: bold;\n}\n\n&lt;style&gt;<\/pre><p class=\"wp-block-paragraph\">Em outro exemplo, todos os elementos&nbsp;<strong>&lt;p&gt;&nbsp;<\/strong>ser&atilde;o alinhados ao centro, ter&atilde;o 16x de largura e ser&atilde;o cor-de-rosa.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;style&gt;\np {\n\n   text-align: center;\n   font-size: 16px;\n   color: pink;\n  \n}\n&lt;\/style&gt;<\/pre><p class=\"wp-block-paragraph\">Consulte nossa&nbsp;<a href=\"\/pt\/tutoriais\/codigos-css-prontos-guia-pdf\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>folha de dicas de CSS<\/strong><\/a>&nbsp;para obter mais exemplos.<\/p><p class=\"wp-block-paragraph\">Agora vamos falar sobre os diferentes estilos de CSS: interno, externo e&nbsp;<em>inline<\/em>.<\/p><h2 class=\"wp-block-heading\" id=\"h-estilos-css-internos-externos-e-inline\"><strong>Estilos CSS internos, externos e&nbsp;<em>inline<\/em><\/strong><\/h2><p class=\"wp-block-paragraph\">Analisaremos cada estilo de forma r&aacute;pida! Para uma explica&ccedil;&atilde;o detalhada, acesse o link que vamos disponibilizar logo abaixo.<\/p><p class=\"wp-block-paragraph\">Vamos come&ccedil;ar com o estilo&nbsp;<strong>interno<\/strong>. Estilos CSS feitos desta forma s&atilde;o carregados cada vez que um site &eacute; atualizado, o que pode aumentar o tempo de carregamento. Al&eacute;m disso, voc&ecirc; n&atilde;o poder&aacute; usar o mesmo estilo CSS em v&aacute;rias p&aacute;ginas, pois tudo est&aacute; contido em uma &uacute;nica p&aacute;gina. Mas a vantagem disso &eacute; que ter tudo em uma p&aacute;gina facilita o compartilhamento do modelo para uma visualiza&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\">O m&eacute;todo&nbsp;<strong>externo<\/strong>&nbsp;pode ser o mais conveniente: tudo &eacute; feito externamente em um arquivo .css. Isso significa que voc&ecirc; pode fazer todo o estilo em um arquivo separado e aplicar o CSS a qualquer p&aacute;gina desejada. O estilo externo tamb&eacute;m pode melhorar o tempo de carregamento.<\/p><p class=\"wp-block-paragraph\">Por fim, tem tamb&eacute;m o estilo&nbsp;<strong><em>inline<\/em><\/strong>&nbsp;do CSS. O inline trabalha com elementos espec&iacute;ficos que possuem a tag &lt;style&gt; &mdash; cada componente deve ser estilizado, por isso talvez n&atilde;o seja o melhor ou o mais r&aacute;pido para lidar com CSS. Mas ele pode ser &uacute;til, por exemplo, para alterar um &uacute;nico elemento, visualizar rapidamente as altera&ccedil;&otilde;es ou se voc&ecirc; n&atilde;o tiver acesso aos arquivos CSS.<\/p><p class=\"wp-block-paragraph\">Confira nosso artigo completo para conhecer mais informa&ccedil;&otilde;es sobre os <a href=\"\/pt\/tutoriais\/diferenca-entre-estilos-css\/\">diferentes estilos de CSS<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p class=\"wp-block-paragraph\">Vamos resumir o que aprendemos aqui sobre CSS e como ele ajuda no visual das p&aacute;ginas web:<\/p><ul class=\"wp-block-list\">\n<li>O CSS foi criado para trabalhar em conjunto com outras linguagens de marca&ccedil;&atilde;o, como HTML. Ele &eacute; usado para estilizar uma p&aacute;gina e acelera muito o desenvolvimento web.<\/li>\n\n\n\n<li>H&aacute; tr&ecirc;s estilos de implementa&ccedil;&atilde;o de CSS, e voc&ecirc; pode usar o estilo externo para estilizar v&aacute;rias p&aacute;ginas ao mesmo tempo.<\/li>\n\n\n\n<li>Hoje em dia, voc&ecirc; encontra o CSS em basicamente toda a internet, pois ele &eacute; um requisito t&atilde;o importante quanto a pr&oacute;pria linguagem de marca&ccedil;&atilde;o usada para o conte&uacute;do das p&aacute;ginas.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Esperamos que este artigo tenha sido &uacute;til &mdash; se voc&ecirc; tiver alguma d&uacute;vida, deixe-a na se&ccedil;&atilde;o de coment&aacute;rios abaixo.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/pt\/hospedagem-barata\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-32927\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-perguntas-frequentes-sobre-css\"><strong>Perguntas frequentes sobre CSS<\/strong><\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69441719d1318\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">O que significa CSS?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>CSS significa&nbsp;u003cemu003eCascading Style Sheetu003c\/emu003e&nbsp;(Folha de estilo em cascata) e &eacute; uma linguagem de programa&ccedil;&atilde;o usada para definir o estilo de um site em conjunto com o HTML.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441719d131d\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Para que serve o CSS?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>O CSS &eacute; usado para informar ao navegador como deve ser a apar&ecirc;ncia de um determinado site. Ele n&atilde;o pode ser usado para criar novos elementos de p&aacute;gina, mas &eacute; usado para estilizar elementos HTML.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441719d131e\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Quais s&atilde;o os diferentes tipos de CSS?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>H&aacute; tr&ecirc;s tipos diferentes de CSS: CSS&nbsp;u003cemu003einlineu003c\/emu003e, CSS interno ou incorporado e CSS externo.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441719d131f\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Qual &eacute; a diferen&ccedil;a entre HTML e CSS?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Como uma linguagem de marca&ccedil;&atilde;o, o HTML &eacute; usado para criar sites est&aacute;ticos. O CSS, por outro lado, &eacute; uma linguagem de folha de estilo usada para definir o estilo e a apresenta&ccedil;&atilde;o geral de diferentes arquivos e elementos de p&aacute;gina em uma linguagem de marca&ccedil;&atilde;o, como o HTML.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>O CSS foi desenvolvido pelo&nbsp;W3C&nbsp;(World Wide Web Consortium) em 1996 por um motivo bastante simples: a linguagem HTML n&atilde;o foi projetada para ter tags que ajudassem a formatar a p&aacute;gina &mdash; o objetivo era apenas escrever a marca&ccedil;&atilde;o para o conte&uacute;do da web. Tags como&nbsp;&lt;font&gt;&nbsp;foram introduzidas na vers&atilde;o 3.2 do HTML e causaram muitos problemas [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/o-que-e-css-guia-basico-de-css\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":356,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Descubra o que \u00e9 CSS e sua import\u00e2ncia para o design web. Aprenda a utiliz\u00e1-lo de forma eficaz e melhore a est\u00e9tica do seu site!","rank_math_focus_keyword":"o que \u00e9 css","footnotes":""},"categories":[5602],"tags":[5324],"class_list":["post-8493","post","type-post","status-publish","format-standard","hentry","category-glossario","tag-o-que-e-css"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/what-is-css\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-css-guia-basico-de-css\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/css-cest-quoi\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-css\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-css\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/was-ist-css\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/what-is-css\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/what-is-css\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/what-is-css\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/what-is-css\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/what-is-css\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/what-is-css\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/what-is-css\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-css\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-css\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-css\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-css-guia-basico-de-css\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/356"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=8493"}],"version-history":[{"count":25,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8493\/revisions"}],"predecessor-version":[{"id":49470,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8493\/revisions\/49470"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=8493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=8493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=8493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}