Tutorial conciso do Dreamweaver 4 (V. Torne sua página da Web mais bonita, parte 4)
Autor：Eve Cole
Data da Última Atualização：2009-05-30 18:35:57
Folhas de estilo adicionam estilo ao texto
Os mencionados acima são algumas das configurações mais básicas para texto. Se quiser fazer mais truques com o texto, você precisa da ajuda de folhas de estilo.
No estado de edição, pressione Shift+F11 para entrar na caixa de diálogo da folha de estilos (estilos CSS):
Clique no canto inferior direito
, crie um novo estilo:
Como mostrado acima, dê um nome ao seu estilo no campo Nome. O Dreamweaver colocará um ponto decimal antes do nome por padrão para evitar confusão com outras tags HTML. Por exemplo, o nome que dei aqui é "myfont" (altere unnamed1 para myfont. ) ; Defina se deseja usar uma folha de estilo externa ou apenas criar um estilo nesta página (Somente Este Documento). Escolhemos a primeira opção para que múltiplas páginas possam compartilhar uma folha de estilo.
Na próxima caixa de diálogo, insira o nome do arquivo da folha de estilos, como "myfont", e clique em "Salvar". Isso irá gerar um arquivo de folha de estilos chamado myfont.css, conforme mostrado acima.
Defina o estilo conforme mostrado na imagem acima. Tamanho é o tamanho do texto, definimos para 9 pontos (referido como 9pt); Linha é o espaçamento entre linhas, definimos para 13 pontos (outro método de configuração comum é 150). %), então você obtém a chamada fonte de 9 pontos. Após a configuração, pressione OK para retornar à caixa de diálogo da folha de estilo. Você pode ver que um estilo chamado "myfont" foi adicionado, conforme mostrado na figura abaixo.
Então, você pode selecionar um pedaço de texto e selecionar myfont na caixa de diálogo de estilo. O texto ficou muito mais refinado? A fonte de 9 pontos é o tamanho menor e mais delicado que a fonte Song pode exibir sem deformação, por isso é amplamente utilizada na produção de páginas da web.
Além das fontes de 9 pontos, há também uma fonte de 10,4 pixels, que está entre 12pt e 9pt. Também é usada com frequência.
Se precisar fazer referência a uma folha de estilo existente em outras páginas, você pode clicar
. além disso,
é editar estilos existentes.
é excluir um estilo.
