Clique para classificar e enviar comentários
MSDN
Biblioteca MSDN
Artigos Técnicos
Design Tools
Expression
Expression Studio 2
 Criando Folhas de Estilo Externas
Criando Folhas de Estilo Externas
Publicado em: 4 de maio de 2007
Por Marcelo Negrini

Você pode criar estilos CSS dentro de cada página HTML, ou pode criar folhas de estilo externas e reutilizar os estilos em em diversas páginas. Para criar folhas de estilo externas:

a. Selecione o menu File | New | CSS

Cc518058.css_criando_01(pt-br,MSDN.10).jpg

 

b. Salve o arquivo com um nome como textstyles.css (você pode usar qualquer nome, desde que não tenha espaços ou caracteres especiais.)

c. Associe o novo arquivo CSS à sua página Web clicando em Attach Style Sheet, no painel de tarefas Manage Styles, e então usando o botão Browse no diálogo Attach Style Sheet para localizar e selecionar o novo arquivo CSS.

Cc518058.css_criando_02(pt-br,MSDN.10).jpg

d. No painel de tarefas Manage Styles, clique nos estilos que você quer reaproveitar e arraste-os para abaixo do nome do novo arquivo CSS. Você pode mover os estilos um a um, ou selecionar múltiplos estilos para arrastar todos de uma vez.

Cc518058.css_criando_03(pt-br,MSDN.10).jpg

 

Com os estilos salvos nessa folha de estilos externa, você pode associá-la a outras páginas do seu site. Qualquer mudança feita nos estilos será refletida em automaticamente em todas as páginas associadas à folha de estilos.

 

Sobre o autor

Marcelo Negrini é o principal executivo da Zazambia, empresa especializada em planejamento de marketing, usabilidade e redes sociais online. Foi funcionário da Microsoft no Brasil e nos EUA, onde liderou a área de Evangelismo para ferramentas de desenvolvimento (Visual Studio 2005 e Windows Vista). Participou de projetos em clientes Microsoft ao redor do mundo, incluindo Citigroup, Chevron, General Mills, Governo do Reino Unido, Hotéis Hilton, East Japan Railways, MySpace, HMV Music. É bacharel em Comunicação Social, com pós-graduação em Arquitetura de Informação pelo New York Institute of Technology. Pode ser contatado pelo e-mail: mnegrini@zazambia.com.

© 2009 Microsoft Corporation. Todos os direitos reservados. Termos de Uso | Marcas Comerciais | Política de Privacidade
Page view tracker