O Dreamweaver pode criar uma regra CSS para concluir automaticamente a formatação de tags HTML ou a formatação do intervalo de texto identificado pela classe ou atributo ID. Como definir a regra CSS? Vamos dar uma olhada no tutorial detalhado abaixo.
1. Clique duas vezes no ícone do Dreamweaver CS5
2. Clique em “Arquivo” no menu e selecione “Novo”
3. Na janela do novo documento, selecione "Página em branco" - " HTML ", selecione "XHTML1.0 transicional" como tipo de documento e clique no botão "Criar".
4. Coloque o ponto de inserção no documento, clique em “ Formato ” na barra de menu e selecione “ Estilo CSS ” - “Novo” no menu suspenso pop-up.
5. Na caixa de diálogo “ Nova Regra CSS ”, especifique o tipo de seletor da regra CSS a ser criada:
Para criar um estilo personalizado que possa ser aplicado a qualquer elemento HTML como um atributo de classe, selecione a opção Classe no menu pop-up Tipo de seletor e insira um nome para o estilo na caixa de texto Nome do seletor.
Para formatar um rótulo que contém um atributo de ID específico, selecione a opção ID no menu pop-up Tipo de seletor e insira um ID exclusivo na caixa de texto Nome do seletor.
Para redefinir o formato padrão para uma tag HTML específica, selecione a opção Tag no menu pop-up Tipo de seletor e insira uma tag HTML na caixa de texto Nome do seletor ou selecione uma tag no menu pop-up.
6. Na janela "Definição de regra CSS", defina os parâmetros necessários para tipo, plano de fundo, bloco, caixa, borda, lista, posicionamento e proteção de exibição e clique no botão "OK" para concluir as configurações.
7. Você também pode configurá-lo no painel de estilo CSS. Coloque o ponto de inserção no documento e clique no ícone “ Nova Regra CSS ” abaixo do painel Estilos CSS. Em seguida, conclua as configurações na etapa 6.
8. Defina os parâmetros necessários para tipo, plano de fundo, bloco, caixa, borda, lista, posicionamento e proteção de exibição nas propriedades CSS.
O texto acima é um tutorial sobre como criar regras CSS no Dreamweaver CS5. Espero que gostem. Continue prestando atenção em downcodes.com.