Vídeo: Curso de Dreamweaver - Aula 6 (Trabalhando com CSS) 2024
Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver usa Folhas de estilo em cascata (CSS) para formatar o texto da página da Web e até mesmo oferece páginas iniciais que tem modelos de layout CSS e dicas de estilo.
Usar folhas de estilo em cascata (CSS) é um método padrão para o estilo de texto e outros elementos nas páginas da web. A poderosa ferramenta de design de folhas de estilo permite que você atribua propriedades para digitar e outros elementos de página rapidamente e atualize todas as instâncias em algumas etapas fáceis. O nome Cascading Style Sheets refere-se às regras em cascata que se aplicam quando vários estilos (e folhas de estilo) são usados ao mesmo tempo.
Se você aplicar muitos estilos diferentes a uma página, independentemente de serem internamente incorporados na página ou vinculados a folhas de estilo externas, você pode ter conflitos. Conflitos ocorrem quando dois (ou mais) estilos atribuem propriedades diferentes ao mesmo elemento.
Por exemplo, se você especificar em uma folha de estilo interna que qualquer elemento em negrito seja azul, mas uma folha de estilo externa instrui o navegador a exibir qualquer elemento em negrito como vermelho, qual estilo ganha? A instrução azul da folha de estilo interna ganha. Por padrão, a folha de estilo da página da Web substitui os valores padrão do navegador.
As folhas de estilo são consistentes nas versões mais modernas do navegador, mas alguns navegadores mais antigos podem não fornecer suporte consistente (se houver) para o CSS. Sempre visualize páginas em vários navegadores ou use o botão Verificar compatibilidade do navegador (localizado na lista Verificar compatibilidade do navegador na barra de ferramentas do documento) para testar as propriedades CSS que você usou contra uma variedade de navegadores e versões.
O Dreamweaver CS5 usa Folhas de estilos em cascata (CSS) exclusivamente para formatar texto e não fornece suporte direto para tags. Você ainda pode adicionar tags se você precisar, selecionando Inserir → Etiqueta.
O Dreamweaver oferece páginas iniciais CSS que possuem layouts CSS disponíveis e que incluem dicas CSS visíveis apenas na visualização Código. Encontre as páginas iniciais CSS, escolhendo Arquivo → Novo → Página em branco → Modelo HTML.
As dicas CSS úteis são incorporadas nas páginas iniciais do CSS.