234_Criando_folhas_de_estilo_externas

Prévia do material em texto

Tutorial: Criando Folhas de Estilo Externas
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 
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. 
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. 
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.