Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CMS-General

Compreenda de onde vem o estilo CSS da sua página

Ultima atualização: Abril 26, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic

Há diferentes lugares onde o estilo pode ser aplicado ao seu conteúdo da HubSpot. Onde o CSS (Folhas de estilo em cascata) é adicionado ao HubSpot fará com que o pedido seja aplicado. Cascata CSS, significa que os últimos estilos aplicados substituirão os de antes. Como regra geral, o estilo mais específico leva prioridade. Isso significa que CSS aplicado a uma página ou módulo específico levará prioridade sobre o que está definido em um modelo ou aplicado ao seu domínio em suas configurações. 

Este artigo vai cobrir como o estilo CSS é aplicado ao seu conteúdo do HubSpot e como usar as ferramentas de desenvolvedor no seu navegador web para localizar esse estilo. 

Observe: se você não ler ou editar CSS, é altamente recomendável que você trabalhe com um designer para fazer alterações no estilo do seu website. 

Como estilo é aplicado ao seu conteúdo da HubSpot

O estilo pode ser aplicado ao seu conteúdo em alguns locais diferentes no HubSpot. CSS entrará em contato em ordem inversa, com os últimos estilos aplicados. 

Observe:o último estilo aplicado ao seu conteúdo levará prioridade sobre os estilos definidos anteriormente no CSS. O estilo também pode ser substituído por uma declaração mais específica ou umatag de !importante.  

O estilo será aplicado às suas páginas do HubSpot ou posts de blog na seguinte ordem, com o último estilo aplicado tendo prioridade:

  1. CSS na folha de estilo
  2. CSS adicionado à tag <style>
  3. CSS do navegador web

CSS na folha de estilo

O estilo de uma folha de estilo é o primeiro CSS aplicado à sua página ou publicação de blog. Qualquer estilo aplicado no editor de página terá prioridade na planilha, o que terá preferência com relação às folhas de estilo em suas configurações.

CSS será aplicado nessa ordem, com o qual o último estilo aplicado tendo prioridade:

    1. Uma folha de estilo anexado nas suas configurações para todos os domínios.
    2. Uma folha de estilo anexado nas suas configurações para um domínio específico.
    3. Uma folha de estilo anexada à sua página ou modelo de post de blog.
    4. Uma folha de estilo aplicado na guia de configurações da sua página.
    5. Também há alguns estilos padrão aplicados a todas as páginas da HubSpot.

Se CSS estiver vindo de uma folha de estilo, o nome da folha de estilo aparecerá ao lado da declaração de CSS no inspetor. Se você passar o cursos do mouse sobre o nome da folha de estilos, poderá ver o nome completo do arquivo.

Depois de encontrar o nome da folha de estilo, vá para seu gerenciador de design (Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.) para encontrar seu estilo de estilo e faça edições conforme necessário.

Se estiver vendo o nome da folha de estilo no inspetor, o CSS pode ser extraído para o estilo de outro arquivo codificado. Isso é indicado, como mostrado aqui:


CSS adicionado à tag <style>

O CSS adicionado à tag <style> pode ser aplicado em qualquer um dos seguintes locais, com o último estilo aplicado como prioridade:

  1. O HTML do cabeçalho do site ou o rodapé do site HTML adicionado em suas configurações para todos os domínios.
  2. O cabeçalho HTML do site ou o rodapé do site HTML adicionado às suas configurações para um domínio específico.
  3. O cabeçalho do site HTML ou o rodapé do site HTML aplicado na guia de configurações da suapagina.
  4. O cabeçalho do Site HTML ou o rodapé do Site HTML aplicado ao seu modelo no gerenciador de design.
  5. Estilo integrado adicionado a um módulo no modelo.
  6. Estilo integrado adicionado a um módulo no editor de conteúdo.

Se a URL da página for exibida ao lado da declaração, sabemos que o CSS está dentro das tags <style> na página. Seelement.style aparece ao lado da declaração no inspetor, o CSS foi definido em linha.

Isso significa que o CSS não está vindo de uma folha de estilos ou dentro de tags <style> no cabeçalho ou rodapé da sua página, em vez disso, ele foi definido no próprio módulo.

CSS do navegador

Se você visualizaro estilo de folha do agente do usuário ao lado da declaração, o CSS faz parte do estilo padrão do navegador. Você verá isso mais frequentemente para o estilo de tag HTML mais amplo, como <p>, <h1>, <h2>, <span>, <div>, etc.

Esse estilo é aplicado por último e tem prioridade sobre as folhas de estilos anexadas e CSS adicionados em uma tag <style>, mas pode ser substituído na folha de estilos aplicada à sua página com uma declaração mais específica.

Usando ferramentas de desenvolvedores no seu navegador web

Você pode usar ferramentas de desenvolvedor do navegador web para examinar os estilos aplicados ao seu site ativo. Se estiver usando outro tipo de navegador, pesquise a documentação de ajuda para materiais de referência sobre como inspecionar os elementos da página web.

Veja abaixo um link para recursos sobre como usar ferramentas de desenvolvedor no navegador web mais usado:

Se estiver usando outro tipo de navegador de web, confira sua documentação do usuário para obter mais detalhes sobre como inspecionar os elementos da página.