Vídeo: Visual Studio Code o novo editor de texto queridinho dos Desenvolvedores 2024
O Inspetor de propriedades, acessível a partir da parte inferior do espaço de trabalho do Dreamweaver, exibe as propriedades disponíveis para qualquer elemento selecionado na página. Assim, as opções no Inspetor de propriedades são diferentes quando uma imagem é selecionada do que quando o texto é selecionado, por exemplo.
Quando nada é selecionado, ou quando você seleciona texto em uma página, o inspetor de propriedades é dividido em duas seções: HTML e CSS.
Observe que os botões no lado esquerdo do inspetor de propriedades facilitam a alternância entre esses dois modos.
Se você é novo em CSS e HTML, entender as diferenças entre esses dois modos pode ser um pouco confuso. Essencialmente, se você usar um ícone de formatação, como negrito no modo HTML, o Dreamweaver adiciona a tag HTML , o que torna o texto em negrito na maioria dos navegadores da Web. Se você usar o mesmo ícone no modo CSS, o Dreamweaver criará automaticamente uma regra de estilo que inclua a opção de formatação em negrito.
No modo CSS, você também pode escolher editar estilos existentes para adicionar novas opções de formatação aos estilos já aplicados em texto, imagens ou outros elementos em uma página. Você pode editar um estilo existente simplesmente selecionando o estilo na lista suspensa Regra direcionada e, em seguida, usando os campos Fonte, Tamanho e outros no Inspetor de propriedades para fazer alterações ou adições.
Sempre que você edita um estilo existente que já foi aplicado a elementos em uma página, as mudanças que você faz no estilo são aplicadas automaticamente em qualquer lugar que o estilo seja usado. Este recurso é maravilhoso quando você deseja mudar várias coisas ao mesmo tempo, mas pode ser problemático se você quer fazer um elemento (como um título) aparecer de uma maneira em uma página e de outra maneira em outro lugar.
Sempre que quiser criar ou editar um estilo, use o Inspetor de propriedades no modo CSS. Por outro lado, para aplicar um estilo existente 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 ID a uma etiqueta, você precisa estar no modo HTML.
Para aplicar um estilo no modo HTML, selecione a imagem, o texto ou outro elemento na página em que deseja aplicar o estilo e use as listas suspensas Classe ou ID para selecionar o estilo; O Dreamweaver automaticamente o aplica.
Da mesma forma, para aplicar uma tag HTML, como a marca
, você deve estar no modo HTML. Mas você cria ou edita uma regra CSS para a marcano modo CSS. Claro, você não precisa criar ou editar estilos com o inspetor de propriedades.Considere este um método de atalho; você ainda pode preferir usar o painel CSS Designer para fazer mudanças significativas em um estilo.
