" .
4 Clique no botão " Editar regra " no painel Propriedades. Isso abre a caixa de diálogo Nova regra CSS , onde o nome do seu novo regra de estilo e definir o seu comportamento.
5
Clique no botão " Seleção do tipo " drop-down. Há quatro opções nesta queda -drop , que têm nomes descritivos que explicam o que fazem. Por exemplo, " Class ( pode ser aplicado a qualquer elemento HTML) " permite que você crie uma classe de estilo que você pode aplicar a qualquer texto no documento . " Composto ( baseado em sua seleção ) " permite que você crie uma classe de estilo com base no texto que você selecionar antes de clicar em " Editar regra . "
6
Clique no campo " Selector Nome" e digite o nome da sua estilo . Dependendo do que Seleção do tipo que você escolheu no passo anterior , certos tipos de regras de estilo requerem convenções de nomenclatura específicos. Por exemplo, " Class ( pode ser aplicado a qualquer elemento HTML) " exige que o nome do estilo começam com um ponto (.) . Então, se você está definindo um estilo de título , por exemplo , você pode nomear o primeiro nível de título . " H1 ". Você poderia citar o corpo do texto . " Corpo " . Dreamweaver solicitará que você se a sua convenção de nomenclatura é errado, e fornecê-lo com uma explicação de como nomear o estilo.
7
Clique no botão " Rule Definition" drop-down e selecione como você deseja que o Dreamweaver aplicar o estilo. Existem duas opções : " Este documento só " cria as marcas de estilo na seção HTML Chefe da página atual. Os estilos estão disponíveis para apenas nesta página. "(New Style Sheet File) " cria uma CSS externa ( . Css) .
O poder do CSS é que você pode formatar várias páginas --- um site inteiro --- com base no mesmo conjunto de regras CSS . Isto é conseguido com arquivos CSS externos . Se você escolher "(New Style Sheet File) , " quando você clicar em "OK" na caixa de diálogo , o Dreamweaver solicita que você nomeie o arquivo CSS. Se você estiver usando apenas um arquivo CSS para todo o site , a convenção de nomenclatura padrão é " styles.css ". No entanto, um site pode ter muitas folhas de estilo --- um para cabeçalhos, outro para rodapés , barras laterais . Dê a sua CSS arquivos nomes significativos .
Depois de criar seu primeiro arquivo externo CSS , a próxima vez que você abrir nova regra CSS , o arquivo é exibido na definição de Regra drop-down. Quando você cria um outro estilo , certifique-se de adicioná-lo ao arquivo CSS externo apropriado.
8
Clique em " OK" para exibir a " Definição de regra CSS para ... " caixa de diálogo . Isto é onde você formatar o seu estilo, como fonte, tamanho, estilo (negrito, itálico ) , cor. As opções aqui são extensos , permitindo bastante elaborado formatação, incluindo caixas de texto , planos de fundo e muitas outras opções de formatação. Definir toda a formatação desejada para este modelo , e depois clique em "OK".
9
Repita esse processo para criar regras de estilo adicionais. Para aplicar um estilo a um bloco de texto , basta clicar no número e, em seguida, escolher o estilo desejado a partir da " Regra-alvo " drop-down no painel Propriedades.
< Br >
