Como criar Styles com classe e ID Seletores no Dreamweaver
seletores de classe e id no Dreamweaver têm muitas semelhanças e uma diferença fundamental. estilos de identificação só pode ser usado uma vez por página, mas estilos de classe pode ser usado quantas vezes na mesma página como você gosta.
Menu
- Se você estiver definindo um novo estilo que você deseja aplicar a um elemento existente, clique para colocar o cursor sobre o elemento que você deseja formatar com o novo estilo.
- No painel seletores do painel designer do css, selecione o nome da folha de estilo para o qual você deseja adicionar o novo estilo.
- No painel seletores, clique no sinal de mais (+).
- Clique duas vezes o nome do seletor, e editar ou substituí-lo com o nome que deseja usar para o seu estilo.
- No painel propriedades, especifique as configurações da sua regra de estilo.
estilos de classe e ID têm as seguintes semelhanças:
Você pode nomear estilos criados com a classe e seletores ID qualquer coisa que você gosta. Você não deve incluir espaços ou caracteres especiais em nomes de estilo, embora o sublinhado e hífen estão bem. O uso de todas as letras minúsculas é uma prática comum, mas não é obrigatório.
Você pode aplicar estilos de classe e de identificação para qualquer elemento em uma página, mas eles são mais comumente aplicado aos tags de cabeçalho, tags div, lista desordenadas tags, tags de parágrafo, as tags de imagem, e as novas tags HTML5.
Usando estilos criados com o seletor de classe e ID é um processo de duas etapas. Primeiro, crie um novo estilo usando o seletor de classe ou ID e dar-lhe um nome- então você aplicar o estilo a um elemento na página.
Para definir um novo estilo de classe ou ID, criar e salvar um novo documento ou abrir um arquivo existente, e em seguida, siga estes passos:
Se você estiver definindo um novo estilo que você deseja aplicar a um elemento existente, clique para colocar o cursor sobre o elemento que você deseja formatar com o novo estilo.
Embora este passo não é necessário (você pode criar estilos para elementos que ainda não estão na página), o Dreamweaver cria automaticamente nomes seletor com base no elemento de página que o cursor está selecionando.
No painel Seletores do painel Designer do CSS, selecione o nome da folha de estilo para o qual você deseja adicionar o novo estilo.
Se você deseja alcançar o estilo para um tipo de mídia ou na tela de tamanho específico, definir uma consulta de mídia no painel de @media.
Se você não especificar uma consulta de mídia, o Dreamweaver usará a propriedade Global e seu estilo vai funcionar em todos os formatos de mídia e tamanhos de tela.
No painel Seletores, clique no sinal de mais (+).
Um novo seletor é adicionado ao painel de seletores. Dreamweaver adicionou um nome selector composto, que inclui todos os estilos já aplicadas para a manchete onde o cursor estava descansando quando você começou a definir o estilo.
Clique duas vezes o nome do seletor, e editar ou substituí-lo com o nome que deseja usar para o seu estilo.
Você pode nomear classe e estilos de identificação que quiser, contanto que você não use espaços ou caracteres especiais que não o hífen (-) ou sublinhado (_).
Se você quiser criar um estilo usando o seletor de classe, você deve começar o nome do estilo com um ponto, ou período. Se você quiser usar o seletor de ID, o nome do estilo deve começar com um sinal de libra (#).
No painel Propriedades, especifique as configurações da sua regra de estilo.
seletores de classe e ID são fáceis de aplicar para o conteúdo depois de criá-los porque o Dreamweaver adiciona esses estilos para as listas drop-down de classe e ID no Inspetor de propriedades, localizadas na parte inferior do espaço de trabalho.