---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Estilo na Gestão de conteúdo

# Estilo na Gestão de conteúdo {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

As páginas de conteúdo podem ser estilizadas com CSS, assim como qualquer site HTML.  
Três elementos controlam estilos CSS:

* [Folhas de estilos](https://servicenow-prod.fluidtopics.net/TwzK_FZIXfF84ine0zDocg "As folhas de estilos são folhas de estilo em cascata (CSS) padrão que definem a aparência de todos os elementos na interface.")São registros que contêm declarações CSS.
* [Temas](https://servicenow-prod.fluidtopics.net/E4XXkiNAowVj1f5fF0gieA "Os temas de design são a convergência de estrutura e estilo, tornando-os uma ferramenta crítica para criar uma interface de usuário poderosa.")são grupos de folhas de estilo que podem ser invocadas juntas.
* [Quadros](https://servicenow-prod.fluidtopics.net/b5Cxf52DTELaP0Lx4_nwJQ "Os quadros fornecem uma maneira de gerenciar contêineres decorativos para blocos de conteúdo e quaisquer outros elementos no site. Por exemplo, um quadro pode ser um contêiner, feito de marcadores div ou span, que é estilizado com cantos arredondados.")São macros de IU que definem a borda externa de blocos de conteúdo individuais conforme eles aparecem em uma página de conteúdo. Os quadros funcionam chamando definições específicas nas folhas de estilo.
{#c_StyleInContentManagement__ul_sy2_m1p_wq}
* **[Folhas de estilos](https://servicenow-prod.fluidtopics.net/TwzK_FZIXfF84ine0zDocg)**   
  As folhas de estilos são folhas de estilo em cascata (CSS) padrão que definem a aparência de todos os elementos na interface.
* **[Temas de design](https://servicenow-prod.fluidtopics.net/E4XXkiNAowVj1f5fF0gieA)**   
  Os temas de design são a convergência de estrutura e estilo, tornando-os uma ferramenta crítica para criar uma interface de usuário poderosa.
* **[Doctypes](https://servicenow-prod.fluidtopics.net/e66knEEFa62kxVqrcGjvmw)**   
  O modelo de página html view_content no qual todos os CMS se baseiam é padronizado `html `.
* **[Formate um quadro](https://servicenow-prod.fluidtopics.net/b5Cxf52DTELaP0Lx4_nwJQ)**   
  Os quadros fornecem uma maneira de gerenciar contêineres decorativos para blocos de conteúdo e quaisquer outros elementos no site. Por exemplo, um quadro pode ser um contêiner, feito de marcadores div ou span, que é estilizado com cantos arredondados.

**Conceitos relacionados**   

* [Sites de conteúdo](https://servicenow-prod.fluidtopics.net/n7CmvhyfDf2HfiQaD9epPw "Um site de conteúdo é um grupo de páginas de conteúdo relacionadas que têm o mesmo tema básico, layout e sufixo de URL.")
* [Páginas de conteúdo no CMS](https://servicenow-prod.fluidtopics.net/xeAwgS6xg~Q8C6HufX3x7w "As páginas de conteúdo são o núcleo do Sistema de gestão de conteúdo. Uma página de conteúdo é uma página da web que exibe blocos de conteúdo.")
* [Modelos de Gestão de conteúdo](https://servicenow-prod.fluidtopics.net/px9FDiMkvya8bRleAiyGcQ "Os modelos são páginas de conteúdo que são reutilizadas para fornecer uma aparência consistente.")
* [Tipos de conteúdo](https://servicenow-prod.fluidtopics.net/xS8UYwkQnQgMQpSA3Ot1vg "Os tipos de conteúdo fornecem controle específico do site sobre como os dados do sistema definidos por modelos são renderizados.")
* [Blocos de conteúdo](https://servicenow-prod.fluidtopics.net/vVuXsjKaoIpo7129HRZT9w "Um bloco é uma parte definida do conteúdo no sistema que pode ser reutilizada.")
* [Metatags da Gestão de conteúdo](https://servicenow-prod.fluidtopics.net/gBm2L9pqpnWSP8Xyd~L7UA "As meta tags são marcadores especiais em páginas da web que contêm informações sobre a página, mas não são renderizadas com a página. Você pode definir metadados personalizados para páginas de conteúdo.")  
**Tarefas relacionadas**   

* [Defina um quadro em uma folha de estilos](https://servicenow-prod.fluidtopics.net/ser_myEEctyqYNeG8yX7Kg "Adicione definições de estilo para qualquer macro de IU de quadro personalizado que você criar.")
* [Crie uma macro de IU de quadro](https://servicenow-prod.fluidtopics.net/1tF~842_bpHwyRnMsfoatA "Copie uma macro de IU de quadro existente para exibir o conteúdo em um quadro personalizado.")