Vídeo: Adobe Dreamweaver CS6 (CSS para modificação de texto) 2024
Abode Creative Suite 5 (Adobe CS5) O Dreamweaver oferece várias maneiras de alterar um layout de página de folhas de estilo em cascata. Um layout CSS é completamente controlado pelas regras da folha de estilo, para que você possa modificar a aparência da página diretamente do painel CSS Styles e do Property inspector.
Cada coluna, caixa e espaço em sua nova página são posicionados e dimensionados usando regras e propriedades CSS, tudo o que você pode ajustar a partir do Inspetor de propriedades (no painel Estilos CSS) ou no painel Definição de Regra CSS.
-
Se o painel Estilos CSS ainda não estiver aberto, escolha Janela → Estilos CSS para abri-lo.
-
Selecione a guia Todos para exibir a folha de estilo e suas regras.
A folha de estilo interna é mostrada como na parte superior. Clique na seta à sua esquerda para expandi-la e mostrar todas as regras que ela contém. Layouts usando uma folha de estilo anexada (externa) exibem o nome da folha de estilo (como estilos. Css) em vez da tag.
-
Selecione a regra do corpo.
Esse estilo baseado em tags controla a formatação geral de toda a página (tudo dentro da tag).
-
Clique no campo ao lado da regra de fundo para editá-lo; em vez de manter a configuração # 4E5869 (cinza médio), digite uma cor hexadecimal (como # CC0000 para vermelho) para alterar a cor de fundo da página.
-
Clique na amostra ao lado da regra de cores para abrir o painel Swatches; escolha uma nova cor de tipo padrão para o texto na sua página.
-
Na parte superior do painel CSS Styles, selecione outro estilo (por exemplo, o estilo.ColElstHdr #container) para visualizar suas propriedades.
O. twoColHybLtHdr #container ID Style controla o tamanho e a aparência do container de layout principal na página.
-
No inspetor de propriedades, edite as propriedades para alterar a aparência do estilo.
Por exemplo, você pode alterar a largura da regra inserindo um novo número na caixa de texto Regra de largura. Se você inserir 95% , por exemplo, você torna o layout completo mais amplo.
Cada coluna e seção que compõe seu layout é controlada por um dos estilos de identificação listados no painel Estilos CSS. A maioria dos tipos de ID possui uma largura de propriedade que você pode usar para alterar o tamanho de diferentes áreas na página.
Continue a modificar diferentes estilos listados no painel CSS Styles e veja como eles afetam diferentes elementos em sua página. Tente alterar a cor do tipo, a família de fontes e outras propriedades, como preenchimento e cor de fundo.
Para descobrir exatamente qual ID controla qual coluna ou seção, clique na área da página e veja o seletor de tags na parte inferior da janela do documento.A última tag no final da cadeia mostra o contêiner em que você está e sua ID correspondente no painel CSS Styles (por exemplo,).
