Como alternar entre CSS e Modo HTML no Inspetor de propriedades do Dreamweaver
O Inspetor de propriedades, que é acessível a partir da parte inferior do espaço de trabalho do Dreamweaver, exibe as propriedades disponíveis a qualquer elemento selecionado na página. Assim, as opções no Inspetor de propriedades são diferentes quando uma imagem for selecionada do que quando o texto é selecionado, por exemplo.
Quando nada é selecionado, ou quando você seleciona o texto em uma página, o Inspetor de propriedades é dividido em duas seções: HTML e CSS.
Note-se que os botões do lado esquerdo do Inspetor de propriedades fazer a mudança entre estes dois modos fáceis.
Se você é novo para CSS e HTML, compreender as diferenças entre esses dois modos podem ser um pouco confuso. Essencialmente, se você usar um ícone de formatação como negrito no modo HTML, Dreamweaver adiciona a tag HTML, o que torna o texto aparecem em negrito na maioria dos navegadores web. Se você usar o mesmo ícone no modo CSS, Dreamweaver cria automaticamente uma regra de estilo que inclui a opção de formatação em negrito.
No modo CSS, você também pode optar por editar os estilos existentes para adicionar novas opções de formatação de estilos que já são aplicados em textos, imagens ou outros elementos em uma página. Você pode editar um estilo existente, basta selecionar o estilo na lista suspensa Regra-alvo e, em seguida, usando a fonte, tamanho, e outros campos no Inspetor de propriedades para fazer alterações ou adições.
Sempre que você editar um estilo existente que já foi aplicado a elementos em uma página, as alterações feitas para o estilo são aplicadas automaticamente em qualquer lugar o estilo é usado. Este recurso é maravilhoso quando você quer mudar várias coisas ao mesmo tempo, mas pode ser problemático se você quiser fazer um elemento (como uma rubrica) aparecem de uma forma em uma página e outra forma em outro lugar.
Sempre que você quiser criar ou editar um estilo, use o Inspetor de propriedades no modo de CSS. Por outro lado, para aplicar um estilo a um elemento na página, verifique se você está no modo HTML. Por exemplo, para alinhar uma imagem com um estilo de classe ou aplicar um estilo de ID a um tag, você precisa estar no modo HTML.
Para aplicar um estilo no modo HTML, selecione a imagem, texto ou outro elemento na página onde você deseja aplicar o estilo e, em seguida, use as listas suspensas classe ou ID para selecionar o Dreamweaver style- aplica automaticamente.
Da mesma forma, para aplicar uma tag HTML, como o tag, você deve estar no modo HTML. Mas você criar ou editar uma regra CSS para a tag no modo CSS. Claro, você não precisa criar ou editar os estilos com o Inspetor de propriedades. Considere isso um atalho dologia você ainda pode preferir usar o painel de Designer do CSS para fazer mudanças significativas para um estilo.