{"id":796,"date":"2024-04-29T17:33:10","date_gmt":"2024-04-29T20:33:10","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=796"},"modified":"2025-11-09T10:08:31","modified_gmt":"2025-11-09T13:08:31","slug":"normalizacao-erros-prefixos-css","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/","title":{"rendered":"Normaliza\u00e7\u00e3o Erros Prefixos CSS"},"content":{"rendered":"Tempo de leitura: <\/span> 4<\/span> minutos<\/span><\/span>\n

Normaliza\u00e7\u00e3o Erros Prefixos CSS<\/strong>: Ap\u00f3s dominar as regras de layout<\/em> e anima\u00e7\u00e3o, a etapa final para escrever CSS profissional \u00e9 garantir que seus estilos sejam consistentes<\/strong> e compat\u00edveis<\/strong> em todos os navegadores. Isso envolve entender como os navegadores lidam com estilos padr\u00e3o (Normaliza\u00e7\u00e3o<\/strong>), como priorizar regras (Erros\/Cascata<\/strong>) e como dar suporte a recursos experimentais (Prefixos<\/strong>).<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. Normaliza\u00e7\u00e3o CSS: O Ponto de Partida Consistente<\/h2>\n\n\n\n

Todos os navegadores aplicam seus pr\u00f3prios estilos padr\u00e3o (conhecidos como User Agent Stylesheets<\/em>) aos elementos HTML (margin<\/code> em <h1><\/code>, padding<\/code> em <ul><\/code>, etc.). Essas diferen\u00e7as causam inconsist\u00eancias visuais entre Chrome, Firefox e Safari.<\/p>\n\n\n\n

Normaliza\u00e7\u00e3o<\/strong> \u00e9 a pr\u00e1tica de aplicar um conjunto de CSS que padroniza os estilos padr\u00e3o dos navegadores, garantindo que voc\u00ea comece com uma tela em branco (ou quase isso) em qualquer lugar.<\/p>\n\n\n\n

<\/div>\n\n\n\n

A. Reset CSS (A Abordagem Extrema)<\/h3>\n\n\n\n

O Reset CSS<\/strong> (popularizado por Eric Meyer) zera todos<\/em> os estilos padr\u00e3o, removendo margens, paddings<\/em>, bordas e tamanhos de fonte de praticamente todos os elementos.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Uso Ideal:<\/em> Para projetos onde o design<\/em> \u00e9 altamente personalizado e voc\u00ea n\u00e3o deseja manter nenhum estilo padr\u00e3o do navegador.<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

B. Normalize.css (A Abordagem Moderna)<\/h3>\n\n\n\n

Normalize.css<\/strong> \u00e9 a abordagem preferida atualmente. Em vez de zerar, ele corrige as inconsist\u00eancias comuns<\/strong> (ex: diferentes comportamentos de font-size<\/code> em formul\u00e1rios) e preserva estilos \u00fateis<\/strong> que os desenvolvedores esperam (ex: display: block<\/code> para article<\/code>).<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Uso Ideal:<\/em> Para a maioria dos projetos modernos, pois \u00e9 mais conservador e requer menos c\u00f3digo de override<\/em> do que um reset<\/em> completo.<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

2. Tratamento de Erros: Dominando a Cascata<\/h2>\n\n\n\n

Em CSS, “erros” de renderiza\u00e7\u00e3o s\u00e3o frequentemente causados por mal-entendidos sobre o processo pelo qual o navegador decide qual estilo aplicar. Este processo \u00e9 chamado de Cascata<\/strong>.<\/p>\n\n\n\n

Os tr\u00eas pilares da Cascata, em ordem de prioridade, s\u00e3o:<\/p>\n\n\n\n

Pilar<\/strong><\/td>Descri\u00e7\u00e3o<\/strong><\/td>Import\u00e2ncia<\/strong><\/td><\/tr><\/thead>
Especificidade<\/strong><\/td>Regras com seletores mais detalhados (ex: div.box #id<\/code>) t\u00eam prioridade sobre regras mais gen\u00e9ricas (ex: div<\/code>).<\/td>Fundamental para resolver conflitos de estilo.<\/td><\/tr>
Ordem de Fonte<\/strong><\/td>Se a Especificidade for a mesma, a \u00faltima regra de CSS lida pelo navegador tem prioridade.<\/td>\u00datil em arquivos grandes; estilos carregados por \u00faltimo vencem.<\/td><\/tr>
Heran\u00e7a<\/strong><\/td>Algumas propriedades (cores, fontes, text-align<\/code>) s\u00e3o automaticamente passadas dos pais para os filhos, a menos que sejam sobrescritas.<\/td>Ajuda a reduzir a repeti\u00e7\u00e3o de c\u00f3digo.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\n

Dica de Debugging:<\/strong> Evite o uso excessivo de !important<\/code>. Se precisar dele, \u00e9 um sinal de que sua especificidade<\/strong> ou a estrutura do seu CSS est\u00e3o desorganizadas.<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

3. Prefixos de Fornecedores: Compatibilidade Experimental<\/h2>\n\n\n\n

Os Prefixos de Fornecedores<\/strong> (ou Vendor Prefixes<\/em>) surgiram quando os fabricantes de navegadores queriam testar novas funcionalidades do CSS (como transform<\/code> ou flex-direction<\/code>) antes que a especifica\u00e7\u00e3o oficial fosse finalizada.<\/p>\n\n\n\n

Embora o uso tenha diminu\u00eddo drasticamente para propriedades maduras, eles ainda s\u00e3o necess\u00e1rios para garantir a compatibilidade com:<\/p>\n\n\n\n

    \n
  1. Navegadores muito antigos.<\/li>\n\n\n\n
  2. Recursos CSS que ainda est\u00e3o em est\u00e1gios experimentais.<\/li>\n<\/ol>\n\n\n\n
    Prefixo<\/strong><\/td>Navegadores<\/strong><\/td>Exemplo de Uso<\/strong><\/td><\/tr><\/thead>
    -webkit-<\/code><\/strong><\/td>Chrome, Safari, \u00d3pera (e quase todos os navegadores m\u00f3veis).<\/td>-webkit-animation<\/code><\/td><\/tr>
    -moz-<\/code><\/strong><\/td>Mozilla Firefox.<\/td>-moz-box-shadow<\/code><\/td><\/tr>
    -ms-<\/code><\/strong><\/td>Internet Explorer e Edge legado.<\/td>-ms-flexbox<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    <\/div>\n\n\n\n

    \ud83d\udee0\ufe0f A Solu\u00e7\u00e3o Moderna: Autoprefixer<\/h3>\n\n\n\n

    Escrever e manter todos os prefixos manualmente \u00e9 tedioso e propenso a erros.<\/p>\n\n\n\n

    A melhor pr\u00e1tica moderna<\/strong> \u00e9 escrever apenas a propriedade CSS padr\u00e3o e usar uma ferramenta de constru\u00e7\u00e3o (build tool<\/em>) chamada Autoprefixer<\/strong>.<\/p>\n\n\n\n

    O Autoprefixer analisa seu CSS, verifica quais navegadores voc\u00ea precisa suportar (definido por voc\u00ea) e automaticamente insere os prefixos<\/strong> necess\u00e1rios durante o processo de compila\u00e7\u00e3o.<\/p>\n\n\n\n

    CSS<\/p>\n\n\n\n

    \/* Seu c\u00f3digo CSS: Simples e limpo *\/\n.elemento {\n  display: flex;\n  user-select: none;\n}\n\/* O Autoprefixer gera automaticamente: *\/\n\/* .elemento {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n} *\/\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    \u2705 Conclus\u00e3o Normaliza\u00e7\u00e3o Erros Prefixos CSS<\/h2>\n\n\n\n
    Garantir um CSS robusto come\u00e7a com a Normaliza\u00e7\u00e3o<\/strong> (para consist\u00eancia), o entendimento da Cascata<\/strong> (para resolver conflitos) e o uso de ferramentas como Autoprefixer<\/strong> (para compatibilidade autom\u00e1tica). Ao dominar esses conceitos, voc\u00ea constr\u00f3i uma base de c\u00f3digo est\u00e1vel e de f\u00e1cil manuten\u00e7\u00e3o.<\/p>\n\n\n\n
    Toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias, que voc\u00ea encontra aqui mesmo:<\/p>\n\n\n\n
    \n
    \n
    \"HTML\"<\/a>
    HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"CSS\"<\/a>
    CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Javascript\"<\/a>
    JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
    E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n
    \n
    \n
    \"Hospedagem<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Ofertas<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Amazon<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    Tempo de leitura: <\/span>  4<\/span> minutos<\/span><\/span>Normaliza\u00e7\u00e3o Erros Prefixos CSS: Ap\u00f3s dominar as regras de layout e anima\u00e7\u00e3o, a etapa final…<\/p>\n","protected":false},"author":1,"featured_media":702,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","wpcat-7-id"],"yoast_head":"\nNormaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Normaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-29T20:33:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-09T13:08:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Normaliza\u00e7\u00e3o Erros Prefixos CSS\",\"datePublished\":\"2024-04-29T20:33:10+00:00\",\"dateModified\":\"2025-11-09T13:08:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/\"},\"wordCount\":683,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Capa-Artigos-Linux.webp\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/\",\"name\":\"Normaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Capa-Artigos-Linux.webp\",\"datePublished\":\"2024-04-29T20:33:10+00:00\",\"dateModified\":\"2025-11-09T13:08:31+00:00\",\"description\":\"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Capa-Artigos-Linux.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Capa-Artigos-Linux.webp\",\"width\":758,\"height\":426,\"caption\":\"CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/normalizacao-erros-prefixos-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Normaliza\u00e7\u00e3o Erros Prefixos CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Normaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI","description":"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..","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:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/","og_locale":"pt_BR","og_type":"article","og_title":"Normaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI","og_description":"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..","og_url":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-04-29T20:33:10+00:00","article_modified_time":"2025-11-09T13:08:31+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Normaliza\u00e7\u00e3o Erros Prefixos CSS","datePublished":"2024-04-29T20:33:10+00:00","dateModified":"2025-11-09T13:08:31+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/"},"wordCount":683,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp","articleSection":["CSS"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/","url":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/","name":"Normaliza\u00e7\u00e3o Erros Prefixos CSS - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp","datePublished":"2024-04-29T20:33:10+00:00","dateModified":"2025-11-09T13:08:31+00:00","description":"Normaliza\u00e7\u00e3o Erros Prefixos CSS: Neste artigo, vamos explorar cada um desses t\u00f3picos em detalhes, fornecendo exemplos pr\u00e1ticos e dicas para..","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/Capa-Artigos-Linux.webp","width":758,"height":426,"caption":"CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/normalizacao-erros-prefixos-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Normaliza\u00e7\u00e3o Erros Prefixos CSS"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=796"}],"version-history":[{"count":1,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions"}],"predecessor-version":[{"id":4478,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/796\/revisions\/4478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/702"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}