AP Divs Modificação no Adobe CS5 Dreamweaver

Em Adobe Creative Suite 5 (Adobe CS5) Dreamweaver você faz alterações em uma Div PA no painel Elementos PA. O painel é frequentemente agrupados com o painel Estilos CSS, apenas no caso que você está procurando por ele.

  1. Escolha Janela-AP Elements para abrir o painel Elementos PA.

  2. No painel, localize e selecione apDiv2 para destacá-lo na página.

    O Inspetor de propriedades exibe seu tamanho e posição, além de outras propriedades.

  3. Usando as caixas de texto no Inspetor de propriedades, altere a largura da caixa, inserindo um número no campo W e alterar a altura da caixa, inserindo um número no campo H.

  4. Clique na amostra ao lado Bg Cor e escolha uma cor do painel Amostras do pop-up para definir uma cor de fundo para a caixa.

    Para propriedades adicionais, como fronteiras ou estofamento, adicioná-los no painel Estilos CSS.

  5. Se o painel de estilos CSS já não estiver visível, abri-lo, escolhendo estilos de janela-CSS.

  6. Clique duas vezes no # ApDiv2 ID estilo que controla a caixa.

    A caixa de diálogo Definição de regra CSS aparece.

    Adicione propriedades CSS através de uma variedade de categorias para construir regras.
    Adicione propriedades CSS através de uma variedade de categorias para construir regras.
  7. Selecione a categoria Border a partir da esquerda para mudar a fronteira.

  8. Na coluna Estilo, use a lista drop-down Top para definir um estilo de borda (como sólido) em todos os quatro lados.

    Use a lista drop-down Topo sob a categoria Largura para selecionar uma espessura da borda (por exemplo, média) para todos os quatro lados. Use o mais alto Color Picker sob a coluna de cor para atribuir uma cor da borda para todos os quatro lados.

    Para atribuir valores diferentes a qualquer ou a todos os lados para o estilo, a largura ou a cor, desmarque a mesma em caixa de seleção nos termos das respectivas colunas.

  9. Na categoria caixa à esquerda, sob Enchimento, definir o preenchimento de todos os quatro lados da caixa com a espessura desejada (por exemplo, digite 5 px nas caixas de texto).

  10. Clique em OK para sair do painel e aplicar as alterações.

    Você vê como as propriedades CSS você aplicou afetar a caixa de apDiv2 na página.

Para ocultar uma caixa mostrada sob o painel Elementos PA, clique na coluna à esquerda do seu nome (sob o ícone do olho) até um ícone de olho fechado aparece. Para fazer a reaparecer caixa, clique no ícone de olho até que a caixa se abre novamente.

Você pode notar a caixa, desmarcada por padrão verificar as evitar sobreposições, na parte superior do painel Elementos PA. Porque Divs PA pode facilmente se sobrepõem uns aos outros, a seleção desta caixa de seleção substitui esse comportamento, forçando caixas ao lado uns dos outros e evitar a criação de novas caixas em cima uns dos outros.

menu