Criar ou modificar uma folha de estilo em cascata

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

As CSS (folhas de estilo em cascata) dão a você o controle sobre a apresentação de suas páginas da Web. Usando uma CSS, é possível posicionar e definir corretamente a aparência dos elementos em uma página da Web.

Uma CSS pode ser externa, interna ou embutida, em relação a uma página da Web, e uma página da Web pode usar um ou mais desses tipos de CSS simultaneamente. Em geral, os estilos definidos em uma CSS embutida têm precedência sobre os de uma CSS interna e externa, e os estilos em uma CSS interna têm precedência sobre os de uma CSS externa.

O que você deseja fazer?

Criar uma CSS externa

Criar uma CSS interna

Criar um CSS embutido

Criar uma CSS externa

Use uma folha de estilo quando quiser aplicar os mesmos estilos consistentemente entre algumas ou todas as páginas da Web em seu site. Definindo estilos em uma ou mais folhas de estilo externas e anexando-os a páginas da Web, você pode garantir que todo o site tenha uma aparência consistente. Se você decidir alterar um estilo, será necessário fazer apenas uma alteração — na CSS externa — e a mesma será automaticamente refletida em todas as páginas da Web que fazem referência a esse estilo e a essa CSS.

Uma CSS externa está contida em um arquivo .css, tal como core.css. A sintaxe de uma CSS externa é a mesma que de uma CSS interna, exceto que os estilos definidos em uma CSS externa não ficam entre marcas <style>.

Criar uma CSS externa vazia

  • No menu Arquivo, aponte para Novo e, em seguida, clique em CSS.

    Dica : Você pode também clicar na seta para baixo do botão de Novo documento  xxxxxx nas barras de ferramentas padrão ou comuns e clique em CSS.

Criar um novo estilo e uma CSS externa em uma etapa

  1. No menu Formatar, clique em Novo Estilo.

    Dica : Você também pode clicar em Novo Estilo no painel de tarefas Aplicar Estilos ou Gerenciar Estilos ou na barra de ferramentas Estilo.

  2. Na caixa de diálogo Novo Estilo, na caixa Definir em, clique em Nova folha de estilo.

Início da página

Criar uma CSS interna

Use uma CSS interna, às vezes chamada de CSS incorporada, quando quiser definir estilos somente para a página da Web atual e também quando quiser substituir os estilos definidos em uma CSS externa anexada à página da Web atual.

Uma CSS interna está contida nas marcas <head> de uma página da Web.

Exemplo de uma folha de estilo interna

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Criar uma CSS interna

  1. Abra a página da Web que você deseja que contenha a CSS.

  2. No menu Formatar, clique em Novo Estilo.

    Dica : Você também pode clicar em Novo Estilo no painel de tarefas Aplicar Estilos ou Gerenciar Estilos ou na barra de ferramentas Estilo.

  3. Na caixa de diálogo Novo Estilo, na caixa Definir em, selecione Página atual.

Início da página

Criar uma CSS embutida

Use um estilo embutido para aplicar as propriedades da CSS a elementos individuais em uma página quando não é necessário reutilizar o estilo. Um estilo embutido é definido na marca de início de um elemento HTML na página da Web.

Para obter mais informações sobre como criar um estilo, consulte o artigo criar e aplicar um estilo.

Exemplo de uma folha de estilo embutida

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Início da página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×